什么时候使用委托事件:
1.对未被创建的元素添加事件监听
2.避免频繁添加或删除event handler,委托父元素来进行事件处理
使用委托事件的优点:
1.大量减少监听元素的开销
使用实例
$( "#dataTable tbody" ).on( "click", "tr", function() { console.log( $( this ).text() );});
使用后果,不用每个tr都进行事件绑定,只需要在tbody处进行绑定即可,委托tbody进行对tr点击的响应。
对于on的第二个参数,官方API的解释是:对触发事件元素的后代元素的过滤
个人理解:
过滤之后,this变成tr,事件冒泡到tbody,然后对tr进行操作。
其实on的底层是用了addEventListener,所谓的委托,其实就是借用事件冒泡机制,而且可以指定event.target和event.currentTarget(==this)来指定哪个事件对象
點(diǎn)擊查看更多內(nèi)容
為 TA 點(diǎn)贊
評(píng)論
評(píng)論
共同學(xué)習(xí),寫下你的評(píng)論
評(píng)論加載中...
作者其他優(yōu)質(zhì)文章
正在加載中
感謝您的支持,我會(huì)繼續(xù)努力的~
掃碼打賞,你說多少就多少
贊賞金額會(huì)直接到老師賬戶
支付方式
打開微信掃一掃,即可進(jìn)行掃碼打賞哦