事件委托能够优化js性能
生活随笔
收集整理的這篇文章主要介紹了
事件委托能够优化js性能
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
<!DOCTYPE html><html><head><meta charset="UTF-8"><title>面試題練習img居中</title><style type="text/css">img {/*display: table-cell;vertical-align: middle;*/}html,body{height: 100%;}div{width: 600px;height: 1600px;display: table-cell;vertical-align: middle;text-align: center;}</style></head><body><ul><li id="a">1</li><li id="b">2</li><li id="c">3</li><li id="d">4</li><li id="e">5</li></ul></body><script type="text/javascript">var str = document.getElementsByTagName("ul")[0];str.onclick = function(){var hehe = event || window.event;var target = hehe.target || hehe.srcElement;switch(target.id){case "a":{console.log(1);this.style.background = "orange";break;}case "b":{console.log(2);this.style.background = "orange";break;}case "c":{console.log(3);this.style.background = "orange";break;}case "d":{console.log(4);this.style.background = "orange";break;}case "e":{console.log(5);this.style.background = "orange";break;}}}</script></html>使用事件委托以后，可以不必在每個子元素上綁定事件，能夠優化性能，同時對于一些動態添加進去的子元素，事件委托也要比執行回調函數綁定事件更加方便
?
轉載于:https://www.cnblogs.com/yk-ontheway/p/5827800.html
總結
以上是生活随笔為你收集整理的事件委托能够优化js性能的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： Lotus Sametime 服务器的安
- 下一篇： inverser