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

2023-05-10 06:05:02 | 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/930

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

这个你也不一定常用。但是还是需要记忆。

HTML部分：

<div id="myDiv">
  <button>点击我</button>
</div>

JavaScript部分：

var myDiv = document.getElementById("myDiv");
var button = myDiv.querySelector("button");

button.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:39