功能
一键复制输入框、p标签的文本
代码
<html>
<body>
<input id="i2" cols=50 rows=5 value="这是被复制的内容文本">
<button onclick="copyText(document.getElementById('i2'))">复制</button>
</body>
<script language="JavaScript">
copyText = function(dom) {//dom为dom对象本身
var text = dom.innerText;
if (dom.tagName == 'INPUT' || dom.tagName == 'TEXTAREA') {
text = dom.value; //输入框读取value
}
/*//旧版方法,可能失效
if (document.execCommand && dom.select instanceof Function) { //document.execCommand
dom.select() // 选中文本
document.execCommand('copy') // 执行浏览器复制命令
console.log('已复制内容:\n' + text);
return true;
}
*/
navigator.clipboard.writeText(text); //写入剪切板
console.log('已复制内容:\n' + text);
}
</script>
</html>
总结
很好的实现了一键复制。