JavaScript常用事件监听方法

在JavaScript中，事件监听方法可以用来捕捉和处理用户与网页交互过程中的各种事件，比如点击按钮、鼠标移动、键盘输入等。以下是常用的事件监听方法的详细解析和代码实例讲解：

1. addEventListener()方法：
   • 语法：element.addEventListener(event, function, useCapture)
   • 参数：
     • event：要监听的事件类型，比如"click"、"mouseover"等。
     • function：事件触发时执行的函数。
     • useCapture：可选参数，布尔值，表示事件是否在捕获阶段触发，默认为false。
   • 示例：

   // HTML元素
   <button id="myButton">点击我</button>

   // JavaScript代码
   const myButton = document.getElementById("myButton");
   myButton.addEventListener("click", function() {
     console.log("按钮被点击了！");
   });

1. onclick属性：
   • 语法：element.onclick = function
   • 参数：function，事件触发时执行的函数。
   • 示例：