js+html5实现复制文字按钮

<div>
<input type="text" name="guanfangaddress" id="guanfangaddress"/>
<span id="copyBT" >复制</span>
</div> <script type="text/javascript">
function copyArticle(event) {
const range = document.createRange();
range.selectNode(document.getElementById('guanfangaddress'));
const selection = window.getSelection();
if(selection.rangeCount > 0) selection.removeAllRanges();
selection.addRange(range);
document.execCommand('copy');
alert("复制成功!");
}
document.getElementById('copyBT').addEventListener('click', copyArticle, false);
</script>

最新文章

  1. String和Date、Timestamp之间的转换
  2. ubuntu下MySQL中文乱码(新版本Mysql修改方法)
  3. spring:如何用代码动态向容器中添加或移除Bean ?
  4. scp不可用:WARNING: REMOTE HOST IDENTIFICATION HAS CHANGED
  5. MVC-@html.ActionLink的几种参数格式
  6. LLVM对注释的新增支持 @ WWDC 2013
  7. Python学习笔记12:标准库之对象序列化(pickle包,cPickle包)
  8. 关于在同一母版页中使用多个CSS文件的解决方案
  9. python 在mongo 中建立索引
  10. Openjudge-计算概论(A)-谁考了第k名
  11. Javascript之高级数组API的使用实例
  12. linux系统优化配置
  13. vue基础5-生命周期
  14. hdu2087 剪花布条
  15. 618大促微服务、web、redis等的超时时间
  16. bzoj4939: [Ynoi2016]掉进兔子洞
  17. 对magento MVC框架的了解
  18. hdu-1069(dp)
  19. request对象方法
  20. Angular CLI 命令行工具

热门文章

  1. 【CCF】最优灌溉 最小生成树
  2. mysql的简单介绍
  3. JSON 序列化与弱类型
  4. 标准C程序设计七---53
  5. SQL Server 内置函数实现MD5加密
  6. js-异步请求音频完成后页面显示
  7. Babel6.x的安装过程
  8. (4)Unity3d镜头
  9. T1155 金明的预算方案 codevs
  10. codevs——3344 迷宫