1、前面说过,IE提出的是冒泡流,而网景提出的是捕获流,后来在W3C组织的统一之下,JS支持了冒泡流和捕获流,但是目前低版本的IE浏览器还是只能支持冒泡流(IE6,IE7,IE8均只支持冒泡流),所以为了能够兼容更多的浏览器,建议大家使用冒泡流。
成都创新互联公司-专业网站定制、快速模板网站建设、高性价比武江网站开发、企业建站全套包干低至880元,成熟完善的模板库,直接使用。一站式武江网站制作公司更省心,省钱,快速模板网站建设找我们,业务覆盖武江地区。费用合理售后完善,10年实体公司更值得信赖。
2、事件冒泡:开始时由最具体的元素接收,然后逐级向上传播到到 DOM 最顶层节点。
3、js中的事件流在解析事件委托之前,我们先回顾一下js中的事件流,即冒泡和捕获。① .冒泡:当下级节点触发某个事件的时候,该事件会逐级向上触发上级节点的同类事件。② .捕获:和冒泡类似,只不过事件的顺序相反。
4、js阻止冒泡 在阻止冒泡的过程中,W3C和IE采用的不同的方法,那么我们必须做以下兼容。
5、事件冒泡过程(以标签ID表示):hr_three---divTwo---divOne。从最里层冒泡到最外层。
6、当我们点击子元素,触发的时事件会传递给父元素,这就是事件冒泡。
1、两者区别是seleter和events顺序不同 delegate和on方法被选元素的子元素必须是合法的子元素。on(events,[selector],[data],fn),参数[selector]是可选,一个选择器字符串用于过滤器的触发事件的选择器元素的后代。
2、delegate用于事件委托,也是绑定过JavaScript或者jQuery添加的DOM元素事件。
3、data:可选;需要传递的参数;function:必需;当绑定事件发生时,需要执行的函数;适用所有版本,但是根据guan 网解释,自从jquery7版本以后bind()函数推荐用on()来代替。
4、从jQuery 7开始,请优先使用事件函数on()替代该函数。该函数属于jQuery对象(实例)。语法 jQuery 2 新增该函数。
5、如果使用on的时候,不设置selector,那么on与bind就没有区别了。(2)on绑定的事件处理函数,对于未来新增的元素一样可以的,和delegate效果相同,而bind则不行。
data:作为event.data属性值传递给事件对象的额外数据对象 fn:绑定到每个匹配元素的事件上面的处理函数 (type,[data],false)type:含有一个或多个事件类型的字符串,由空格分隔多个事件。
(像click(),focus(),keydown()这样的事件这里就不提了,那些都是开发中比较常用到的。
如果你使用过 jQuery , 就必然使用过 ready 函数,它用来注册当页面准备好之后可以执行的函数。
在js中事件会冒泡到父级节点,所以我们可以在父级节点进行事件代理。