js事件机制,冒泡,委托以及代理

js事件是一个从window到window的一个闭环机制,一个循环,从window到元素,是事件的捕获,在事件中是目标事件,从事件到window是冒泡。

js事件机制,冒泡,委托以及代理_第1张图片

看阮一峰到博客中提到,jq的事件绑定on  更好的写法是绑定到document上,经过研究得出,(document).on是把事件委托到document上,(‘className’).on是把事件绑定到.className元素上。效率方面,直接绑定在元素上会更为高效,绑定在document上,每次document有点击动作,浏览器都会判断当前点击的对象,如果匹配,再决定要不要执行,多了一个判断的环节

绑定到class好处 1.为了整体大家统一风格 2.后序如果这变动动态传递数据,就会出问题

基于事件捕获机制,jq的代理,需要将动态添加的异步元素也要绑定在内,则需要代理在父级元素上面,必须保证父级元素包含所有可能异步获取的元素,这样的话,此父级元素范围越小,则性能越好

如果是团队协作,在layout会写一个div的标识位的,将这个classname作为绑定的元素

你可能感兴趣的:(js事件机制,冒泡,委托以及代理)