html怎么实现事件监听,js事件监听的几种方式

HTML 中实现事件监听可以通过添加事件属性来实现，例如：

<button onclick="alert('Hello World!')">Click me</button>

这里的 onclick 就是一个事件属性，表示在按钮被点击时触发的操作。

在 JavaScript 中，事件监听可以通过以下几种方式实现：

1. 通过元素的属性来添加事件监听函数，例如：

   const button = document.querySelector('button');
   button.onclick = function() {
     alert('Hello World!');
   };

2. 使用 addEventListener 方法添加事件监听，例如：

   const button = document.querySelector('button');
   button.addEventListener('click', function() {
     alert('Hello World!');
   });

3. 使用事件监听器对象，例如：

   const button = document.querySelector('button');
   button.addEventListener('click', function() {
     alert('Hello World!');
   });

以上是 JavaScript 中实现事件监听的三种常见方式。