Tag Archives: js

一 15

原生JS复制文本到手机剪切板

Posted on by

复制文本到剪切板，兼容PC与WAP,复制文本到手机剪切板,兼容电脑与手机移动设备

方法一：

0
1
2
3
4
5
6
7
8
9
10
11
12
13
14
<button type="button" id="copyText">点我复制</button>
<script>
// 复制到剪切板
function copy(str){
var save = function (e){
e.clipboardData.setData('text/plain',str);//clipboardData对象
e.preventDefault();//阻止默认行为
};
document.addEventListener('copy',save);
return document.execCommand("copy");//使文档处于可编辑状态，否则无效
}
document.getElementById('copyText').addEventListener('click',function(ev){
copy(ev.target.innerText) // 复制的内容为“点我复制”
});
</script>

方法二：

0
1
2
3
4
5
6
7
8
9
10
11
12
13
14
<button type="button" id="copyText">点我复制</button>
<script>
// 复制到剪切板
function copy(str){
var save = function (e){
e.clipboardData.setData('text/plain',str);//clipboardData对象
e.preventDefault();//阻止默认行为
};
document.addEventListener('copy',save);
return document.execCommand("copy");//使文档处于可编辑状态，否则无效
}
document.getElementById('copyText').addEventListener('click',function(ev){
copy('想复制什么就复制什么') // 复制的内容为“想复制什么就复制什么”
});
</script>