bing和on的绑定事件的区别小结

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()方法实现的;

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值