HTML页面---复制按钮的使用(包含弹层)

2021-03-06 03:29

阅读：667

YPE html>

标签：body inner 内容 isp click play ror 说明参考

先说一下我的整体方案：

用到了clipboard插件，官方地址和github地址，也可以参考中文说明。
clipboard插件实测：在PC端的浏览器（试了mac上的safari,chrome,firefox）可用，iOS 10.3上的safari可用，手机上的微信QQ浏览器能用，安卓手机自带的浏览器以及UC，不可用。所以对不可用的设备，采用弹层，长按手动复制的方法。
这里需要注意一点，当需要获取的标签为dispaly:none 的时候data-clipboard-target的方式得不到值，可用data-clipboard-text结合下面的方法。

var getContent=document.getElementById("divContent").innerHTML;
document.getElementById("copy-button").setAttribute("data-clipboard-text", getContent);

代码如下：




复制


            
                请长按选中下面虚线框中的内容进行复制：
                
                    hello world!

HTML页面---复制按钮的使用(包含弹层)

标签：body inner 内容 isp click play ror 说明参考

原文地址：https://www.cnblogs.com/baimeishaoxia/p/12898948.html

上一篇：error: RPC failed; curl 56 LibreSSL SSL_read: SSL_ERROR_SYSCALL

文章来自：搜素材网的编程语言模块，转载请注明文章出处。
文章标题：HTML页面---复制按钮的使用(包含弹层)
文章链接：http://soscw.com/index.php/essay/60687.html

亲，登录后才可以留言！

HTML页面---复制按钮的使用(包含弹层)

先说一下我的整体方案：

代码如下：

评论

热门文章

推荐文章

最新文章

置顶文章