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

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了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);
 });

 

以上是关于clipboard兼容各个浏览器,不需要设置权限的主要内容,如果未能解决你的问题,请参考以下文章

clipboard复制剪贴板功能,以及用requirejs时报错---Uncaught ReferenceError: Clipboard is not defined

vue项目中做点击按钮复制文本框内容

Clipboard 自动复制功能,ios复制失败,换方案 user-select: text ;长按复制 (ios 兼容,长按复制)

[Note] Clipboard.js 使用

关于各个浏览器的兼容问题

chrome浏览器下JavaScript实现clipboard时无法访问剪切板解决方案