// 通用的事件绑定函数
function bindEvent(elem, type, selector, fn) {
//判断传入参数，传入三个参数为事件绑定，四个为事件代理
if (fn == null) {
fn = selector
selector = null
}
elem.addEventListener(type, event => {
const target = event.target
if (selector) {
// 代理绑定
if (target.matches(selector)) {
fn.call(target, event)
}
} else {
// 普通绑定
fn.call(target, event)
}
})
}
事件绑定函数 简单的通用事件绑定函数 事件冒泡 事件会从触发的元素往上级元素一层一层触发 事件代理 使用代理的完善...
编写一个通用的事件绑定函数 html结构 js通用函数 普通函数 阻止事件冒泡（阻止子元素向上冒泡）事件冒泡的流程...
编写一个通用的事件监听函数 描述事件冒泡流程 对于一个无限下拉加载图片的事件,如何给每个图片绑定事件 通用事件绑定...
在DOM元素中直接绑定； 在JavaScript代码中绑定； 绑定事件监听函数。 事件监听 优点：常规的事件绑定只...
1.事件没有绑定成功 解决方法:可以在生成dom之后再去绑定事件 2.事件委托/事件代理
DOM事件级别 DOM0级事件：on绑定的事件。缺点是一个事件的处理程序只能对应一个函数 DOM2级事件：监听事件...
JS有三种常用的绑定事件的方法 在DOM元素上直接绑定 在JS代码中绑定 在JS中绑定事件监听函数 在DOM中直接...
事件绑定就是通过给一个对象添加一个事件，在该事件发生后，执行一个函数 事件绑定方法： 在DOM元素中直接绑定 详情...
处理事件 react事件使用驼峰命名，而不是完全小写。通过JSX我们可以传递一个函数作为事件处理程序。与DOM绑定...
本文标题：手写一个通用的dom事件代理与绑定函数
本文链接：https://www.haomeiwen.com/subject/hmxadktx.html
网友评论