舉例：實(shí)現(xiàn)點(diǎn)擊li打印對應(yīng)li內(nèi)的數(shù)字

dom結(jié)構(gòu)：

<ul><li>1</li><li>2</li><li>3</li><li>4</li><li>5</li><li>6</li><li>7</li><li>8</li><li>9</li><li>10</li></ul>

js：

var ul = document.getElementsByTagName('ul')[0];ul.addEventListener('click', function (e) {if(e.target && e.target.nodeName == 'LI'){console.log('clicked li' + e.target.innerText);}})
效果：

總結(jié)

以上是生活随笔為你收集整理的使用事件委托降低重复的事件绑定,从而降低dom操作的对性能的消耗的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。