webApp网页版复制功能

Clipboard.js

https://clipboardjs.com/

html:

<!-- Target -->

 <input id="foo"  value="http://www.968309.com/mobile.php">

    (复制内容放在input输入框)

 <!-- Trigger -->

 <button class="btn" data-clipboard-target="#foo">复制</button>

javascript:

//init

var clipboard = new Clipboard('.btn');

//优雅降级:safari 版本号>=10,提示复制成功;否则提示需在文字选中后,手动选择“拷贝”进行复制

clipboard.on('success', function(e) {

    alert('复制成功!')

    e.clearSelection();

});

clipboard.on('error', function(e) {

    alert('请选择“拷贝”进行复制!')

});

( 备注:

如果clipboardJs在苹果手机无效

在你点击的元素上加一个空点击事件:onclick=""。因为ios不单纯支持on

猜你喜欢

转载自blog.csdn.net/yangmy_Shy/article/details/85318220