温馨提示×

温馨提示×

您好,登录后才能下订单哦!

密码登录×
登录注册×
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》

浏览器中js复制问题

发布时间:2020-06-26 02:54:09 来源:网络 阅读:301 作者:daydaydream 栏目:web开发

1、直接利用js的execCommand,此方法移动端无效

<input type="text" id="url" readonly class="form-control" name="url" placeholder="Email to:" value="<?= $sharelink ?>">
<button onClick="url.select();document.execCommand('Copy');alert('复制成功')" class="btn btn-primary btn-block"><b>复制链接</b></a>

2、引入js插件clipboard.js

<!-- 1. Define some markup -->
<div>hello</div>
<button class="btn" data-clipboard-action="copy" data-clipboard-target="div">Copy</button>

&lt;!-- 2. Include library --&gt;
&lt;script src="../dist/clipboard.min.js"&gt;&lt;/script&gt;

&lt;!-- 3. Instantiate clipboard --&gt;
&lt;script&gt;
var clipboard = new ClipboardJS('.btn');

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

clipboard.on('error', function(e) {
    console.log(e);
});
&lt;/script&gt;
向AI问一下细节

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

AI