JavaScript 点击按钮时触发操作80

在 JavaScript 中，可以通过绑定 click 事件监听器来为按钮添加点击事件处理程序。当用户单击按钮时，该处理程序将被触发并执行定义的操作。

要为按钮绑定 click 事件监听器，可以使用 addEventListener() 方法，如下所示：
const button = ('button');
('click', () => {
// 当按钮被点击时执行的操作
});

在事件处理程序函数中，可以使用以下方法来执行各种操作：* 更改 HTML 元素的内容：可以使用 innerHTML 或 innerText 属性来更改按钮或其他元素的内容。例如：
```
= '已点击';
```
* 显示或隐藏元素：可以使用属性来显示或隐藏元素。例如：
```
const hiddenElement = ('hidden');
= 'block';
```
* 导航到其他页面：可以使用属性来导航到其他页面。例如：
```
= '';
```
* 执行 AJAX 请求：可以使用 Fetch API 或 XMLHttpRequest 来执行 AJAX 请求。例如：
```
fetch('')
.then(response => ())
.then(data => {
// 使用数据
});
```
* 触发其他事件：可以使用 dispatchEvent() 方法来触发其他事件。例如：
```
const customEvent = new Event('customEvent');
(customEvent);
```

除了使用 addEventListener() 方法，还可以使用 onclick 属性来为按钮绑定 click 事件监听器。例如：
点击我

onclick 属性直接将一个 JavaScript 函数字符串分配给按钮，当按钮被点击时，该函数将被调用。但是，建议使用 addEventListener() 方法，因为它提供了更多的灵活性，并且更容易维护和测试代码。

以下是一些使用 JavaScript 点击按钮时触发操作的示例：* 弹出警报：
```
('click', () => {
alert('已点击');
});
```
* 更改按钮的文本：
```
('click', () => {
= '已点击';
});
```
* 导航到另一个页面：
```
('click', () => {
= '';
});
```
* 执行 AJAX 请求：
```
('click', () => {
fetch('')
.then(response => ())
.then(data => {
// 使用数据
});
});
```
* 触发自定义事件：
```
('click', () => {
const customEvent = new Event('customEvent');
(customEvent);
});
```