以下是一个示例代码,演示如何实现按钮复制并使动作有效的解决方法:
HTML代码:
JavaScript代码:
// 获取按钮和文本框的引用
var copyButton = document.getElementById("copy-button");
var textToCopy = document.getElementById("text-to-copy");
// 添加按钮点击事件处理程序
copyButton.addEventListener("click", function() {
// 选择文本框中的内容
textToCopy.select();
// 复制选择的文本
document.execCommand("copy");
// 执行其他有效的动作,例如显示成功提示
alert("文本已成功复制!");
});
这个示例中,我们首先获取按钮和文本框的引用,然后给按钮添加一个点击事件处理程序。在点击按钮时,我们选择文本框中的内容,然后使用document.execCommand("copy")
命令将选择的文本复制到剪贴板中。
最后,我们可以在复制成功后执行其他有效的动作,例如显示一个成功提示框。在这个示例中,我们使用alert("文本已成功复制!")
来显示一个简单的提示框,你可以根据自己的需求进行修改。