clipboard兼容各个浏览器,不需要设置权限

 

解决方案:用clipboard.js插件

注意要引用clipboard.js文件

案例:

将文本赋值给剪切板

<button class="btn">Copy</button>
 <script>
    var clipboard = new Clipboard('.btn', {
    // 点击copy按钮,直接通过text直接返回复印的内容
        text: function() {
            return 'to be or not to be';
        }
    });

 clipboard.on('success', function(e) {
     console.log(e);
 });

 clipboard.on('error', function(e) {
     console.log(e);
 });

 

转载于:https://www.cnblogs.com/codeDevotee/p/8206270.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
在微信浏览器兼容剪切板可以有几种方法。首先,您可以使用`document.execCommand('copy')`方法复制文本到剪切板,然后通过`document.execCommand('paste')`方法将其粘贴到需要的地方。这种方法在微信浏览器中是有效的。其次,您可以使用第三方库,如Clipboard.js,它提供了跨浏览器的剪切板功能,并且在微信浏览器中也能正常工作。最后,如果您只需要读取剪切板的内容,您可以使用`document.addEventListener('paste', function(event){})`来监听粘贴事件,并在事件处理程序中获取剪切板的内容。这种方法在微信浏览器中也是兼容的。综上所述,您可以根据您的具体需求选择适合的方法来实现微信浏览器中的剪切板兼容性。 [1 [2<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* *2* [js获取剪切板内容(企业微信内嵌网页)](https://blog.csdn.net/Zhou1Monster/article/details/121658450)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT0_1"}}] [.reference_item style="max-width: 50%"] - *3* [EMlog博客古典式模板 v1.1.rar](https://download.csdn.net/download/weixin_38743602/11641925)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT0_1"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值