JS-阻止冒泡事件与事件委托

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、当我们点击子元素，触发的时事件会传递给父元素，这就是事件冒泡。

jQuery中delegate和on的用法与区别详细解析

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则不行。

jquery中用什么函数委派事件,location对象

data：作为event.data属性值传递给事件对象的额外数据对象 fn：绑定到每个匹配元素的事件上面的处理函数 (type，[data]，false)type：含有一个或多个事件类型的字符串，由空格分隔多个事件。

(像click()，focus()，keydown()这样的事件这里就不提了，那些都是开发中比较常用到的。

如果你使用过 jQuery ， 就必然使用过 ready 函数，它用来注册当页面准备好之后可以执行的函数。

在js中事件会冒泡到父级节点，所以我们可以在父级节点进行事件代理。

网站栏目：jquery委派事件 jq 事件委派
分享链接：http://chengdu.cdxwcx.cn/article/dipegjp.html