js实现ctrl + c 的复制功能
2019-08-30 18:29
1911 查看
<html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> .text-input{ border: none; outline:medium; box-shadow: none; } .copy-id:focus{ border: none; } </style> </head> <body> <input readonly="readonly" class="copy-id text-input" type="text" value="12333333333"/> <button class="copy">复制</button> </body> <script type="text/javascript" src="http://cdn.bootcss.com/jquery/2.2.3/jquery.min.js"></script> <script type="text/javascript"> $('.copy').click(function () { $('.copy-id').select(); document.execCommand("copy",false,null); }) </script> </html>
点击按钮,实现复制
<input type="text" id="input"> <button onclick="copyFn()">点击</button> <script> function copyFn() { var e = document.getElementById("input"); e.select(); document.execCommand("Copy"); } </script>
相关文章推荐
- Zero Clipboard js+swf实现的复制功能使用方法
- js实现firefox、chrome、ie浏览器复制功能
- clipboard.js实现复制功能
- 《JS实现复制内容到剪贴板功能,可兼容所有PC浏览器,不兼容手机端》
- 使用js实现复制功能
- js实现复制功能(多种方法集合)
- js实现复制到剪贴板功能,兼容所有浏览器
- js实现复制功能
- js实现点击复制当前文本到剪贴板功能(兼容所有浏览器)
- JS实现点击复制功能(ZeroClipboard)
- js实现复制到剪贴板功能,兼容所有浏览器
- 纯js实现复制到剪贴板功能
- JS实现复制/粘贴功能
- 【原】js实现复制到剪贴板功能,兼容所有浏览器
- js实现浏览器兼容复制功能
- js实现操作系统右键复制功能
- JS实现复制功能
- js+插件实现代码复制及动态生成二维码扫描、分享到朋友圈QQ空间功能
- mxGraph实现按住ctrl键盘拖动图形实现复制图形功能
- JS实现复制内容到剪贴板功能兼容所有浏览器(推荐)