EKsumic's Blog

let today = new Beginning();

Click the left button to use the catalog.

OR

JS复习:监测按钮点击事件触发方法(通过属性选择器)

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

通过属性选择器这种,也许你并不熟悉,但并不代表不常用。

这个还是需要重点记忆一下的。

 

HTML部分:

<button data-action="click-me">点击我</button>

 

JavaScript部分:

var buttons = document.querySelectorAll("[data-action='click-me']");

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 15:38:26

* *