点击复制按钮，复制所需内容

1 需求，点击复制链接字段，生成订单对应的链接，链接前增加自定义后台维护内容，和被复制的订单号

2复制链接绑定点击事件

<a href="javascript:void(0);" onclick="copyLink('{{item.contractNo}}', this)">复制链接</a>
//复制链接
function copyLink(contractNo, thisEvent){
	$.post("${path}/admin/contract/copyLinkPage",{contractNo: contractNo},function(result) {
		// 由于input元素在页面上渲染后具有选中的功能，所以这里创建input的方式实现点击复制的功能
		let inputElement = document.createElement('input');
		var content = result.information.information+"     订单号:  "+contractNo+" 链接:    "+result.hostAddress;
		inputElement.type = 'text';
		inputElement.value = content;
		document.body.appendChild(inputElement);
		// 选择增加的input元素
		inputElement.select();
		if (document.execCommand('Copy', 'false', null)) {
			// 如果复制成功
			msg('复制成功');
		}
		// 复制成功之后删除增加的这个input元素
		document.body.removeChild(inputElement);
	});
	//openWin(modelName + ' - 复制链接', url, 500, 500, LayuiConfig.windowType.close);
}

3后台拼接对应
标题文本样式列表图片链接目录代码片表格注脚注释自定义列表LaTeX 数学公式插入甘特图插入UML图插入Mermaid流程图插入Flowchart流程图插入类图快捷键
代码片复制

下面展示一些 内联代码片。

@ResponseBody
	@RequestMapping(value = "/copyLinkPage")
	public JSONObject copyLinkPage(ContractDto contractDto, ModelAndView model, HttpServletRequest request) throws Exception {
		JSONObject jsonObject = new JSONObject();
		//获取订单复制链接提示信息
		InformationDto informationDto = new InformationDto();
		informationDto.setInformationType(InformationEnum.COPY_INFORMATION.getCode());
		jsonObject.put("information", informationService.selectData(informationDto));
		//String hostAddress = InetAddress.getLocalHost().getHostAddress();
		String localAddr = request.getServerName();
		String hostAddress = "http://"+localAddr +":"+ serverPort;

		String encryptKaiSa = KaiSaUtil.encryptKaiSa(contractDto.getContractNo(), 3);
		//对于特殊字段]全部替换为helloWorld
		encryptKaiSa = encryptKaiSa.replaceAll("]", "helloWorld");
		jsonObject.put("hostAddress", hostAddress+"/h5/#/pages/contract/contractcorp/contractcorp?contractNo="+ encryptKaiSa);
		return jsonObject;
	}