阅读量:0
要用JavaScript监听多个事件，您可以为每个事件添加单独的事件监听器。这是一个示例，展示了如何为一个按钮元素同时监听click和mouseover事件：
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Event Listener Example</title> </head> <body> <button id="myButton">Click or Hover me!</button> <script> // 获取按钮元素 const button = document.getElementById('myButton'); // 定义事件处理函数 function handleClick() { alert('Button clicked!'); } function handleMouseOver() { button.style.backgroundColor = 'yellow'; } // 为按钮元素添加事件监听器 button.addEventListener('click', handleClick); button.addEventListener('mouseover', handleMouseOver); </script> </body> </html> 在这个示例中，我们分别为click和mouseover事件添加了事件监听器。当用户点击按钮或将鼠标悬停在按钮上时，将触发相应的事件处理函数。
