如何解决有人可以修复我的代码以复制按钮吗? Visual Studio代码
因此,我需要帮助来修复有关“复制到剪贴板”按钮的代码。
我是编码的新手,我从https://www.youtube.com/watch?v=NHg6jQajaMs复制了此代码,然后手动复制了所有代码。有人可以为我修复此代码吗?
<link rel="stylesheet" href="http://youtube.local/assets/dcode.css">
<link rel="shortcut icon" href="http://youtube.local/assets/favicon.ico">
<style>
</style>
<body>
<h2 id="title">Copy to Clipboard - JavaScript - dcode</h2>
<input id="myInp" type="text">
<button id="btnCopy">Copy</button>
</body>
<script type="text/javascript">
const myInp = document.getElementById("MyImp");
const btnCopy = document.getElementById("btnCopy");
btnCopy.onclick = function () {
// Step 1 - Select the text
myInp.select();
// Step 2 - Copying the text
document.execCommand("Copy");
};
<`/script>
解决方法
您的代码中有一些小错误。
首先,您尝试选择输入,但是使用了错误的名称。您输入的名称为 myInp ,您正在尝试选择ID为 MyImp 的元素。
将行固定到const myInp = document.getElementById("myInp");
可以解决问题。
在结局</script>
上您也有一个回弹。
修复此问题后,它可以工作。这是具有更改的脚本部分:
<script type="text/javascript">
const myInp = document.getElementById("myInp");
const btnCopy = document.getElementById("btnCopy");
btnCopy.onclick = function () {
// Step 1 - Select the text
myInp.select();
// Step 2 - Copying the text
document.execCommand("Copy");
};
</script>
上同时看到两个版本
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。