text 自定义函数复制

clipboard.js方法高级使用方法,如果你不喜欢像之前一样设置html的属性来实现复制，clipboard.js通过了api方式实现更佳自由的方式来实现复制功能。
在线案例源码页面：可以查看、编辑、执行、下载、复制 在线案例源码页 >> 在线案例源码页 >> 
<!-- Trigger -->
<input id="btn1" type="button" onclick="copy('#btn1','复制内容1')" value="点击复制">
<input class="btn2" type="button" onclick="copy('.btn2','复制内容2')" value="点击复制">
<script>
   /* 自定义复制函数
    * obj 触发器元素对象或id、class
    * text 需要复制的内容
    */
  function copy(obj, text) {
    var clipboard = new ClipboardJS(obj, {
        text: function (trigger) {
            return text;
        }
    });

    clipboard.on('success', function (e) {
        e.clearSelection();
        //document.getElementById("msg").innerHTML = "复制成功";
    });

    clipboard.on('error', function (e) {
        //document.getElementById("msg").innerHTML = "复制失败";
    });
}
</script>
上一条 下一条

版权声明：他人将便捷教程网提供的内容与服务用于商业、盈利、广告性目的时，需得注明出处，转载时请附上原文出处链接及本声明。

原文链接：https://jc.bian-jie.cn/search/JC_clipboard/1/6985.html

点击加入QQ交流群：{{qqQNum}}