向具有相同类的元素添加点击事件监听器
要向具有特定类的所有元素添加单击事件监听器，您可以使用 querySelectorAll() 而不是 querySelector() 来检索所有匹配的元素。
JavaScript 代码：
在此代码中：
-
var deleteLinks = document.querySelectorAll('.delete'); 检索类为“delete”的所有元素。
- 下面的 for 循环会迭代元素列表。
- 对于每个元素，都会添加一个事件监听器来监听 click 事件。
- 如果 confirm("sure u Want to delete " this.title) 函数返回 false，则 event.preventDefault() 调用会阻止默认行为点击事件（如提交表单）。
补充说明：
- 值得注意的是，只有querySelector() 返回单个元素，而 querySelectorAll() 返回 NodeList。
- 使用 event.preventDefault() 适用于在使用时阻止表单提交或其他默认操作addEventListener().
以上是如何在 JavaScript 中为具有相同类的多个元素添加单击事件侦听器？的详细内容。更多信息请关注PHP中文网其他相关文章！
