有人可以修复我的代码以复制按钮吗? 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>

您可以在https://www.diffchecker.com/ETENDYop

上同时看到两个版本

相关问答

依赖报错 idea导入项目后依赖报错,解决方案:https://blog....
错误1:代码生成器依赖和mybatis依赖冲突 启动项目时报错如下...
错误1:gradle项目控制台输出为乱码 # 解决方案:https://bl...
错误还原:在查询的过程中,传入的workType为0时,该条件不起...
报错如下,gcc版本太低 ^ server.c:5346:31: 错误:‘struct...