btn.addEventListener is not a function

btn.addEventListener is not a function错误是因为监听事件的事件源不正确。addEventListener方法只能应用于元素对象，而不能应用于数组等其他类型的对象。解决此问题的方法是确保事件源是一个元素对象。

您可以使用getElementById、getElementsByClassName或querySelector等方法获取到具体的元素对象，然后再给该元素对象添加事件监听。例如，可以使用getElementById方法获取到id为"btn"的元素对象，然后给该元素对象添加事件监听：

const btn = document.getElementById("btn");
btn.addEventListener("click", function() {
  console.log("按钮被点击了");
});

另外，您也可以使用querySelector方法来获取符合选择器条件的元素对象，然后给该元素对象添加事件监听。例如，可以使用querySelector方法获取到class为"submitIpt"的元素对象，然后给该元素对象添加事件监听：

const btnTwo = document.querySelector(".submitIpt");btnTwo.addEventListener("click", function() {
  console.log("按钮被点击了");
});

相关问题

.addEventListener is not a function

".addEventListener is not a function"是JavaScript中常见的错误之一，通常是因为监听事件的事件源不正确导致的。在JavaScript中，只有元素才能添加事件监听器，而如果你尝试在非元素上使用addEventListener()方法，就会出现这个错误。解决这个问题的方法是确保你的事件源是一个元素，或者使用querySelector()方法来获取元素。例如，你可以使用以下代码来解决这个问题：
const btn = document.querySelectorAll(".submitIpt");
btn.addEventListener('click', function () { console.log("enumerable"); });

或者：

const btnTwo = document.querySelector(".submitIpt");
btnTwo.addEventListener("click", (() => { console.log("immediate"); }));

TypeError: copyText.select is not a function

这个错误通常发生在使用 `copyText.select()` 方法时，`copyText` 不是一个 DOM 元素，而是一个字符串或者其他类型的变量。因为 `select()` 方法只适用于 HTML 元素对象。

如果你想复制文本，可以使用 `document.execCommand('copy')` 方法将文本内容复制到剪贴板中，而无需使用 `select()` 方法。

以下是一个纯 JavaScript 实现点击按钮复制文本的代码示例：

<button id="copy-btn" data-copy-text="要复制的文本内容">复制</button>
<script>
  const copyBtn = document.querySelector('#copy-btn');
  const copyText = copyBtn.getAttribute('data-copy-text');
  copyBtn.addEventListener('click', () => {
    const tempTextarea = document.createElement('textarea');
    tempTextarea.value = copyText;
    document.body.appendChild(tempTextarea);
    tempTextarea.select();
    document.execCommand('copy');
    document.body.removeChild(tempTextarea);
    alert('已复制到剪贴板！');
  });
</script>

在这个示例中，我们使用 `document.createElement('textarea')` 方法创建了一个 `<textarea>` 元素，并将要复制的文本内容设置为其 `value` 属性的值。然后将该元素插入到页面中，并选中该元素的内容，使用 `document.execCommand('copy')` 将其复制到剪贴板中。最后，再将该元素从页面中移除，完成复制操作。