有乎-价值、共享、信任

What you care about-value, sharing, trust

如何让Clipboard模拟点击复制按钮,而不通过交互按钮来实现复制内容?

| 阅读:2217 发表时间:2019-10-15 21:45:46 技术专栏

实现逻辑:注意:jquery中的trigger的使用

$("body").append('<div id="copy_area"><input id="foo" type="text" value="'+surl+'"><button class="btn" id="copy_btn" data-clipboard-action="copy" data-clipboard-target="#foo">Copy</button></div>');
var clipboard = new Clipboard('.btn');
 clipboard.on('success', function(e) {
     alert('复制成功!');
 });
//自动点击  ::这里是重点
$("#copy_btn").trigger("click");
//删除
clipboard = null;
$("#copy_area").remove();

*文章为作者独立观点,不代表【uuuho有乎】的立场
本文由【uuuho有乎】发表并编辑,转载此文章须经作者同意,并请附上出处及本页链接。如有侵权,请联系本站删除。