js + html5实现复制文字按钮 - 行业资讯 - 肥雀云

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

图片展示:

注意css中的样式,有些页面复制不成功就是没有添加那一句造成的。

代码块　　　　　　& lt; !DOCTYPE html> 　　& lt; html lang=癳n”比; 　　　　& lt; head> 　　& lt;元charset=皍tf - 8”比; 　　& lt; title> Title 　　& lt;/head> 　　　　& lt;风格类型=" text/css "比; 　　* { 　　-webkit-user-select:汽车; 　　} 　　& lt;/style> 　　　　& lt; body> 　　& lt;跨越id=澳谌荨北? 　　你好,好久不见! 　　& lt;/span> 　　& lt;按钮id=" copyBT "祝辞复制& lt;/button> 　　& lt; script> 　　函数copyArticle(事件){ 　　常量范围=document.createRange (); 　　range.selectNode (. getelementbyid(“内容”)); 　　　　const选择=window.getSelection (); 　　如果选择。rangeCount祝辞0)selection.removeAllRanges (); 　　selection.addRange(范围); 　　document.execCommand(“复制”); 　　alert("复制成功!”); 　　} 　　　　. getelementbyid (“copyBT”)。addEventListener(“点击”,copyArticle假); 　　& lt;/script> 　　& lt;/body> 　　　　& lt;/html> 　　之前　　　　

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。
　　