JavaScript 强制复制文本到剪贴板代码示例
以下是一个简单的 JavaScript 代码示例,当用户访问页面时,页面上的文本内容会被自动复制到剪贴板中:
<!DOCTYPE html>
<html>
<head>
<title>强制复制内容</title>
<script src='https://cdn.bootcss.com/jquery/3.4.1/jquery.js'></script>
</head>
<body>
<p id='copyText'>这是要复制的文本内容</p>
<button id='copyBtn'>点击复制</button>
<script>
$(document).ready(function(){
$('#copyBtn').click(function(){
var copyText = document.getElementById('copyText');
var range = document.createRange();
range.selectNode(copyText);
window.getSelection().addRange(range);
document.execCommand('copy');
alert('已成功复制到剪贴板!');
});
});
</script>
</body>
</html>
在这个示例中,我们使用了 jQuery 库来简化代码。当用户点击按钮时,我们获取了页面上的文本内容,使用 document.createRange() 和 window.getSelection() 方法将文本内容添加到选中范围中,然后使用 document.execCommand('copy') 方法将选中的文本内容复制到剪贴板中。最后,我们使用 alert() 方法在页面上弹出一个成功复制的提示框。
原文地址: https://www.cveoy.top/t/topic/m0tC 著作权归作者所有。请勿转载和采集!