html实现复制功能 -凯发k8官方网
凯发k8官方网
收集整理的这篇文章主要介绍了
html实现复制功能
小编觉得挺不错的,现在分享给大家,帮大家做个参考.
body {unselectable: all;-moz-user-select: all;onselectstart: all;-webkit-user-select: all;
}
复制粘贴
复制粘贴
给body设置这四个属性,就可以右键进行复制了。
js文件下载地址:https://clipboardjs.com/
单个复制的写法(可以直接复制粘贴使用):
对ajax请求回来的数据动态的对单个数据进行复制(不可直接复制粘贴使用):
如果使用clipboard.js过程中出现:clipboard is not defined这样的报错,看下引用的clipboard.js的版本号:
2.0.4对应上面的对clipboard.js进行实例化的代码new clipboardjs,版本为1.7.1之类的实例化时使用new clipboard。(注:此处为小编个人理解,如有不对,请多指教。)
总结
以上是凯发k8官方网为你收集整理的html实现复制功能的全部内容,希望文章能够帮你解决所遇到的问题。
- 上一篇:
- 下一篇: