您好!欢迎来到爱源码

爱源码

热门搜索: 抖音快手短视频下载   

并简单优雅地操作DOM事件。 {影视源码}

  • 时间:2022-10-12 18:20 编辑: 来源: 阅读:277
  • 扫一扫,手机访问
摘要:并简单优雅地操作DOM事件。 {影视源码}
很多人还在这么做:element.addeventlistener ('type ',obj . method . bind(obj))element . addevent listener(' type ',function(event){ })element . addevent listener(' type ',(event)= >;{})以上例子都是创建一个匿名事件监控句柄,不需要的时候不能删除。 当你不需要句柄时,这可能会导致性能问题或不必要的逻辑问题,但它是由客户或事件冒泡意外触发的。 更安全的事件解决方案如下:const handler = function(){ console . log(" tada!"} element . addevent listener(" click ",handler)//之后以element . remove event listener(" click ",handler)命名的函数移除自己的element . addevent listener(' click ',函数click(e){ if(some condition){ return e . current target . remove event listener(' click ',click);}});更好的方法写函数handle event (event name,{onelement,with callback,usecapture = false},this arg){ console . log(on element);const element = on element | | document . document element;函数处理程序(事件){ if(type of with callback = = = ' function '){ with callback . call(this arg,event);} } handler . destroy = function(){ return element . remove event listener(event name,handler,use capture);};element . addevent listener(event name,handler,use capture);返回处理程序;} const handle click = handle event(' click ',{ on element:document . getelementbyid(' main '),with callback:(event)= & gt;{ console.log('Tada!');},});handle click . destroy();


  • 全部评论(0)
资讯详情页最新发布上方横幅
最新发布的资讯信息
【技术支持|常见问题】1556原创ng8文章搜索页面不齐(2024-05-01 14:43)
【技术支持|常见问题】1502企业站群-多域名跳转-多模板切换(2024-04-09 12:19)
【技术支持|常见问题】1126完美滑屏版视频只能显示10个(2024-03-29 13:37)
【技术支持|常见问题】响应式自适应代码(2024-03-24 14:23)
【技术支持|常见问题】1126完美滑屏版百度未授权使用地图api怎么办(2024-03-15 07:21)
【技术支持|常见问题】如何集成阿里通信短信接口(2024-02-19 21:48)
【技术支持|常见问题】算命网微信支付宝产品名称年份在哪修改?风水姻缘合婚配对_公司起名占卜八字算命算财运查吉凶源码(2024-01-07 12:27)
【域名/主机/服务器|】帝国CMS安装(2023-08-20 11:31)
【技术支持|常见问题】通过HTTPs测试Mozilla DNS {免费源码}(2022-11-04 10:37)
【技术支持|常见问题】别告诉我你没看过邰方这两则有思想的创意广告! (2022-11-04 10:37)

联系我们
Q Q:375457086
Q Q:526665408
电话:0755-84666665
微信:15999668636
联系客服
企业客服1 企业客服2 联系客服
86-755-84666665
手机版
手机版
扫一扫进手机版
返回顶部