宝哥软件园

js html5实现复制文字按钮

编辑:宝哥软件园 来源:互联网 时间:2021-09-04

本文实例为大家分享了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以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持我们。

更多资讯
游戏推荐
更多+