搜索文档
首页
HTML/CSS
JavaScript
服务端开发
Java教程
移动端
数据库
当前位置:
首页
JavaScript
JavaScript 教程
JavaScript基础教程
源代码
清空
点击运行
<!DOCTYPE html> <html> <title>JavaScript 多个事件监听addEventListener()方法示例 - 基础教程(div.cn)</title> <body> <p>此示例使用addEventListener()方法在按钮上添加多个事件:</p> <button>Click me</button> <p id="para"></p> <script> document.querySelector("button").addEventListener("mouseenter", myFunc1); document.querySelector("button").addEventListener("click", myFunc2); document.querySelector("button").addEventListener("mouseout", myFunc3); function myFunc1() { document.getElementById("para").innerHTML += "Moused enter!<br>" } function myFunc2() { document.getElementById("para").innerHTML += "Clicked!<br>" } function myFunc3() { document.getElementById("para").innerHTML += "Moused out!<br>" } </script> </body> </html>
运行结果