搜索文档
首页
HTML/CSS
JavaScript
服务端开发
Java教程
移动端
数据库
当前位置:
首页
JavaScript
JavaScript 教程
JavaScript基础教程
源代码
清空
点击运行
<!DOCTYPE html> <html> <title>JavaScript removeEventListener删除事件示例 - 基础教程(div.cn)</title> <head> <style> #para { font-size: 3em; border: 2px solid black; margin: 20px 0; padding: 40px 20px; border-radius: 5px; } </style> </head> <body> <p>单击按钮以删除事件处理程序:</p> <button onclick="removeHandler()">删除事件</button> <p id="para">将鼠标移到此处... </p> <script> // 使用以下代码将事件处理程序附加到 id="para" var box = document.getElementById("para"); box.addEventListener("mousemove", myFunc); function myFunc() { box.innerHTML = Math.random(); } function removeHandler() { //从id="para"的P元素中删除事件处理程序 box.removeEventListener("mousemove", myFunc); } </script> </body> </html>
运行结果