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在苹果手机无效

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