bing和on的绑定事件的区别小结
2017-04-18 00:58
155 查看
1. bing:.bind(events [,eventData], handler);
.bind()是最直接的绑定方法 ,会绑定事件类型和处理函数到DOM element上, 这个方法是存在最久的,而且也很好的解决了浏览器在事件处理中的兼容问题。其特点是使用简单方便,
但是其缺点是多个元素同时绑定同一个事件时,触发底层事件时上层事件也会同步触发,同时它也无法绑定其后动态加载的元素,绑定元素过多时还会产生效率问题;
2. on:.on(events [,selector] [,data], handler);
而on()方法则不会出现这个问题,它可以绑定动态加载的元素,没有bing()的束缚,其利用事件冒泡,将子元素的事件委托给父元素进行事件处理,避免了子元素过多可囊会造成的性能问题
.on方法比.bind方法多一个参数'selector'.on的selector参数是筛选出调用.on方法的dom元素的指定子元素。使其更加灵活易用。
其实.bind()方法也是通过on()方法实现的;
.bind()是最直接的绑定方法 ,会绑定事件类型和处理函数到DOM element上, 这个方法是存在最久的,而且也很好的解决了浏览器在事件处理中的兼容问题。其特点是使用简单方便,
但是其缺点是多个元素同时绑定同一个事件时,触发底层事件时上层事件也会同步触发,同时它也无法绑定其后动态加载的元素,绑定元素过多时还会产生效率问题;
2. on:.on(events [,selector] [,data], handler);
而on()方法则不会出现这个问题,它可以绑定动态加载的元素,没有bing()的束缚,其利用事件冒泡,将子元素的事件委托给父元素进行事件处理,避免了子元素过多可囊会造成的性能问题
.on方法比.bind方法多一个参数'selector'.on的selector参数是筛选出调用.on方法的dom元素的指定子元素。使其更加灵活易用。
其实.bind()方法也是通过on()方法实现的;
相关文章推荐
- jQuery事件绑定方法bind、 live、delegate和on的区别
- jQuery四种事件绑定方式.bind(),.live(),.delegate(),on()的区别
- jQuery中的on与bind绑定事件区别实例详解
- jQuery事件绑定bind、live、delegate和on的区别
- jquery的bind跟on绑定事件的区别
- jQuery事件绑定方法bind、 live、delegate和on的区别
- 事件绑定on和addEventListener的区别
- Asp.Net 不同的OnClick事件区别小结(onserverclick,onclientclick)
- Jquery中的bind(),live(),delegate(),on()绑定事件方式的区别
- jquery的bind跟on绑定事件的区别
- JS中onpropertychange和onchange事件区别小结
- jquery的bind跟on绑定事件的区别
- js事件绑定的几种方式与on()、bind()的区别
- jQuery的on与bind绑定事件的区别与注意事项
- jQuery四种事件绑定方式.bind(),.live(),.delegate(),on()的区别
- 原生JS事件绑定方法以及jQuery绑定事件方法bind、live、on、delegate的区别
- jquery 中 事件绑定函数 bind() ,live(),delegate()以及on() 的区别
- JS中onpropertychange和onchange事件区别小结
- jquery的bind跟on绑定事件的区别
- JQuery事件绑定,bind与on区别