JS复习：监测按钮点击事件触发方法（通过选择类）

2023-05-10 05:56:36 | Web Design | 975 Reads

Copyright Notice: This article is an original work licensed under the CC 4.0 BY-NC-ND license. If you wish to repost this article, please include the original source link and this copyright notice.
Source link: https://v2know.com/article/927

JS复习：监测相同类的按钮点击事件触发方法

HTML部分：

<button class="myButton">点击我</button>

JavaScript部分：

var buttons = document.getElementsByClassName("myButton");

for (var i = 0; i < buttons.length; i++) {
  buttons[i].addEventListener("click", function() {
    alert("Hello World!");
  });
}

其它的5种方法：

[1] JS复习：最简单的通过点击触发方法

[2] JS复习：监测按钮点击事件触发方法（通过选择id）

[3] JS复习：监测按钮点击事件触发方法（通过选择标签）

[4] JS复习：监测按钮点击事件触发方法（通过属性选择器）

[5] JS复习：监测按钮点击事件触发方法（通过后代选择器）

论外：

JS复习：通过表单提交触发方法

JS复习：伪类选择器

返回：[目录] JavaScript基础：方法触发相关

This article was last edited at 2023-05-10 06:37:58