js html5实现复制文字按钮

本文实例为大家分享了js html5实现点击复制文字的按钮，供大家参考，具体内容如下

图片展示：

注意钢性铸铁中的样式，有些页面复制不成功就是没有添加那一句造成的。

代码块

！DOCTYPE html html lang=' en ' head meta charset=' UTF-8 ' title/title/head style type=' text/CSS ' * {-web kit-user-select : auto；} /style body span id='content '你好，好久不见！/span按钮id='copyBT '复制/按钮脚本函数复制文章(事件){ const range=document。创建范围()；范围。选择节点(文档。getelementbyid(' content ')；常量选择=窗口。GetSelection()；if(选择。范围计数0)选择。removeall ranges()；selection.addRange(范围);文件。exec命令(' copy ')；警报('复制成功!');}文档。getelementbyid(' copy Bt ').addEventListener('click '，copyArticle，false)；/脚本/正文/html以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持我们。