问题描述
因此,我需要帮助来修复有关“复制到剪贴板”按钮的代码。
我是编码的新手,我从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>
上同时看到两个版本