HTML实现复制功能

1.CSS实现复制功能

body {
	unselectable: all;
	-moz-user-select: all;
	onselectstart: all;
	-webkit-user-select: all;
}

给body设置这四个属性,就可以右键进行复制了。

2.使用clipboard.js进行复制

js文件下载地址:https://clipboardjs.com/

单个复制的写法(可以直接复制粘贴使用):





复制粘贴


	点我复制
	
	
	

对ajax请求回来的数据动态的对单个数据进行复制(不可直接复制粘贴使用):





复制粘贴


	
	
	

 如果使用clipboard.js过程中出现:Clipboard is not defined这样的报错,看下引用的clipboard.js的版本号:

HTML实现复制功能_第1张图片

 2.0.4对应上面的对clipboard.js进行实例化的代码new ClipboardJS,版本为1.7.1之类的实例化时使用new Clipboard。(注:此处为小编个人理解,如有不对,请多指教。)

 

 

你可能感兴趣的:(HTML)