Clipboard.js
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 )