事件委托能够优化js性能
生活随笔
收集整理的這篇文章主要介紹了
事件委托能够优化js性能
小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
<!DOCTYPE html><html><head><meta charset="UTF-8"><title>面試題練習(xí)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>使用事件委托以后，可以不必在每個(gè)子元素上綁定事件，能夠優(yōu)化性能，同時(shí)對(duì)于一些動(dòng)態(tài)添加進(jìn)去的子元素，事件委托也要比執(zhí)行回調(diào)函數(shù)綁定事件更加方便
?
轉(zhuǎn)載于:https://www.cnblogs.com/yk-ontheway/p/5827800.html
總結(jié)
以上是生活随笔為你收集整理的事件委托能够优化js性能的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。
- 上一篇： Lotus Sametime 服务器的安
- 下一篇： inverser