兼容所有浏览器的 js 实现复制文本内容到剪切板

学习笔记 马富天 2018-07-14 11:35:40 70 3

【摘要】本文记录一下使用原生 js 实现复制本文内容到剪切板的代码,此方法兼容所有浏览器。

二话无需多说直接看完整源代码:

  1. <script>
  2.     function copyUrl2(value)
  3.     {
  4.         var oInput = document.createElement('input');
  5.         oInput.value = value;
  6.         document.body.appendChild(oInput);
  7.         oInput.select(); // 选择对象
  8.         document.execCommand("Copy"); // 执行浏览器复制命令
  9.         oInput.className = 'oInput';
  10.         oInput.style.display = 'none';
  11.         alert('copy success');
  12.     }
  13. </script>
  14. <input type="button" onClick="copyUrl2('my name is mafutian')" value="Copy" />

版权归 马富天PHP博客 所有

本文标题:《兼容所有浏览器的 js 实现复制文本内容到剪切板》

本文链接地址:http://www.mafutian.net/370.html

转载请务必注明出处,小生将不胜感激,谢谢! 喜欢本文或觉得本文对您有帮助,请分享给您的朋友 ^_^

1

0

上一篇《 在留言或评论区开发中 emoji 表情的处理三种方法 》 下一篇《 windows 下实现定时任务自动执行 PHP 文件 》

所有评论

  1. 首页
  2. 上一页
  3. 1
  4. 下一页
  5. 尾页
  6. 第1页
  7. 每页12条
  8. 共1页
  9. 共3条
评论审核未开启
表情 表情 表情 表情 表情 表情 表情 表情 表情 表情 表情 表情 表情 表情 表情 表情 表情 表情 表情 表情 表情 表情 表情 表情
验证码

TOP10

  • 浏览最多
  • 评论最多