跨浏览器事件处理程序
2021/9/22 22:11:12
本文主要是介绍跨浏览器事件处理程序,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!
<!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> <body> <button id='btn'>跨浏览器事件处理程序</button> <script> let eventUtil = { addHandle:function(el,type,handle){ if(el.addEventListener){ el.addEventListener(type,handle,false) }else if(el.attachEvent){ el.attachEvent(type,handle,false) }else{ el['on'+type]=handle } }, removeHandle:function(el,type,handle){ if(el.removeEventListener){ el.removeEventListener(type,handle,false) }else if(el.detachEvent){ el.detachEvent(type,handle,false) }else{ el['on'+type]=null } } } // 调用事件工具 function clickBtn(){ console.log('点击事件'); } let btn = document.getElementById('btn'); eventUtil.addHandle(btn,'click',clickBtn)//打印点击事件 eventUtil.removeHandle(btn,'click',clickBtn)//没有效果 </script> </body> </html>
这篇关于跨浏览器事件处理程序的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!
- 2024-12-24怎么修改Kafka的JVM参数?-icode9专业技术文章分享
- 2024-12-23线下车企门店如何实现线上线下融合?
- 2024-12-23鸿蒙Next ArkTS编程规范总结
- 2024-12-23物流团队冬至高效运转,哪款办公软件可助力风险评估?
- 2024-12-23优化库存,提升效率:医药企业如何借助看板软件实现仓库智能化
- 2024-12-23项目管理零负担!轻量化看板工具如何助力团队协作
- 2024-12-23电商活动复盘,为何是团队成长的核心环节?
- 2024-12-23鸿蒙Next ArkTS高性能编程实战
- 2024-12-23数据驱动:电商复盘从基础到进阶!
- 2024-12-23从数据到客户:跨境电商如何通过销售跟踪工具提升营销精准度?