|
添加复制按钮的代码：
<font color="red">要复制的内容（加了红色标记代码）<br /></font> <!-- 复制按钮 --> <button id="copyButton">点击复制</button> <br /> ....... 略 ....... <script> // 获取复制按钮 var copyButton = document.getElementById('copyButton'); // 为复制按钮添加点击事件 copyButton.addEventListener('click', function() { // 要复制的文本 var textToCopy = '要复制的内容'; // 创建一个临时的textarea元素 var textarea = document.createElement("textarea"); // 设置textarea的内容为要复制的文本 textarea.value = textToCopy; // 将textarea添加到body中（这一步是必须的，因为某些浏览器可能不允许复制非用户输入的文本） document.body.appendChild(textarea); // 选中textarea中的文本 textarea.select(); try { // 尝试复制选中的文本到剪贴板 var successful = document.execCommand('copy'); var msg = successful ? '成功复制' : '复制失败'; console.log(msg); // （可选）显示给用户看 alert(msg); } catch (err) { console.error('复制失败:', err); alert('复制失败'); } // 移除textarea document.body.removeChild(textarea); }); </script> </body> </html>
|