js按钮点击事件
时间: 2023-08-06 14:20:18 浏览: 97
js button点击响应事件
JavaScript 的按钮点击事件可以通过以下步骤实现:
1. 首先,获取需要添加点击事件的按钮元素。可以通过 `document.getElementById()` 或 `document.querySelector()` 等方法来获取。
2. 接着,使用 `addEventListener()` 方法来为按钮添加点击事件,该方法接受两个参数:事件类型和事件处理函数。对于点击事件,事件类型为 `"click"`,事件处理函数可以是一个命名函数或者匿名函数。
例如,以下代码为 id 为 "myButton" 的按钮添加了一个点击事件,点击后会弹出一个提示框:
```javascript
let myButton = document.getElementById("myButton");
myButton.addEventListener("click", function() {
alert("按钮被点击了!");
});
```
注意,在事件处理函数中,`this` 关键字指向触发事件的元素,即该按钮本身。因此,可以使用 `this` 来操作该元素的属性或样式等。
阅读全文