在html页面通过js实现复制粘贴功能
前言:要实现这个功能,常用的方式大概分为两类,第一种就是上插件,这个网上有大把,第二种就是直接用几行JS来实现。
这次说第二种实现方式,这方式有很大的局限性,只能用表单元素,并且不能设置disabled属性,但是方式也是最简单的,下面直接看代码
<!DOCTYPE html> <html> <head> <title>eee</title> </head> <body> <input id="test" type="text" name="" value="this is test."> <button onclick="Copy()">点击这个按钮就会复制上面input的内容</button> </body> <script type="text/javascript"> function Copy() { var content = document.getElementById('test'); content.select(); document.execCommand('Copy'); alert('复制成功'); } </script> </html>
结果如下:
点击按钮后会选中input框中的内容,后面直接右键粘贴就行
以上就是第二种方式实现的粘贴复制功能