一、写在开头 二、发现问题 三、解决问题 好了，目前先到这，我是O5,希望能帮助到大家，共勉！
一分钟教你手写一个通用的事件绑定函数（支持普通函数和事件代理函数）
最近一直在搞小程序，有点腻了，顺便复习了一下js，刚好可以写一个比较通用的绑定事件，见笑了各位。
封装了一个绑定事件的函数，兼顾了普通函数和事件代理（多了一些对被代理元素的判断）
因为该事件比较简单，我就把具体的解释直接写在代码的注释中，如下：<!DOCTYPE html> <html> <head> <title>通用事件绑定函数</title> </head> <body> <script type="text/javascript"> function bindEvent(elem,type,selector,fn){ if(fn==null){//先判断是普通的函数还是代理的函数 fn=selector, selector=null }//普通函数不存在被代理的元素，而且只有三个元素，所以第四个参数fn必然为null，原本的函数被传到selector，故调换一下 elem.addEventListener(type,event=>{//代理函数可以直接进入这一步，绑定事件 const target=event.target//获取当前执行这个事件的元素 if(selector){//代理函数需要走这个分支做判断，如果当前执行事件的元素确实是我们被代理的元素则可以执行函数 if(target.matches(selector)){ fn.call(target,event) } }else{//普通函数直接调用函数即可 fn.call(target,event) } })//call只是为了修改this的指向，指向当前执行事件的元素 } </script> </body> </html>
本网页所有视频内容由 imoviebox边看边下-网页视频下载, iurlBox网页地址收藏管理器 下载并得到。
ImovieBox网页视频下载器 下载地址: ImovieBox网页视频下载器-最新版本下载
本文章由: imapbox邮箱云存储,邮箱网盘,ImageBox 图片批量下载器,网页图片批量下载专家,网页图片批量下载器,获取到文章图片,imoviebox网页视频批量下载器,下载视频内容,为您提供.
阅读和此文章类似的: 全球云计算
官方软件产品操作指南 (170)
