Блог

Главная - Вопросы по программированию - Может ли кто-нибудь исправить мой код для кнопки для копирования? (Код Visual Studio)

Может ли кто-нибудь исправить мой код для кнопки для копирования? (Код Visual Studio)

#javascript #button #copy #clipboard

#javascript #кнопка #Копировать #буфер обмена

Вопрос:

Итак, мне нужна помощь, чтобы исправить этот код о кнопке Копирования в буфер обмена.

Я новичок в кодировании, я скопировал это с 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>

Ответ №1:

В вашем коде есть несколько крошечных ошибок.

Сначала вы пытаетесь выбрать ввод, но используете неправильное имя. Ваш ввод называется myInp, вы пытаетесь выбрать элемент с идентификатором 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