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

2023-05-10 06:01:38 | Web Design | 1k+ 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/928

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

HTML部分：

<button>点击我</button>

JavaScript部分：

var buttons = document.getElementsByTagName("button");

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:38:06