target 自定义复制对象

<!-- Target -->
<div id="op">需要被复制的内容</div>
<!-- Trigger -->
<input id="btn1" type="button" onclick="copy()" value="复制内容1">
<script>
    //自定义复制函数  
    function copy() {
        var clipboard = new ClipboardJS('#btn1', {
            target: function (trigger) {
                //需要被复制内容的Dom元素对象
                return document.getElementById("op");
            }
        });

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

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

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

原文链接:http://jc.bian-jie.cn/search/JC_clipboard/1/7982.html

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