本文主要介绍“js事件委托的优势是什么”。在日常操作中,相信很多人对js事件委托的优势有所怀疑。边肖查阅了各种资料,整理出简单易用的操作方法,希望能帮助大家解答“js事件代表团有什么优势”的疑惑。接下来,请和边肖一起学习!
1.对父元素的绑定只需要完成一次,节省了性能。
2.子元素不需要每个人绑定同一个事件。
3.如果稍后添加新的子元素,由于事件委托,将自动接收父元素的事件监视。
实例
//原生js事件委托的例子,css部分可以忽略。
!doctypehtml
超文本标记语言
头
风格
ul{
list-style : none;
display:flex
}
ulli{
宽度:50 px;
高度:50 px;
线高:50 px;
文本对齐:居中;
背景:粉红色;
font-weight : bold;
border:1pxsolid # eee
}
ulli:hover{
cursor:pointer指针;
}
/style
/head
身体
差异
保险商实验所
li1/li
li2/li
李/李
li4/li
li5/li
/ul
/div
/body
脚本
varul=document . queryselector(' ul ');
varli=document . queryselectorall(' Li ');
Ul.onclick=function(e){//e指事件,即事件对象。
var target=e . target | | e . srcelelement;//target获取触发事件的目标(li)。
如果(目标。nodename . to lower case()==' li '){//目标(Li)节点名转换为小写字母,否则为大写字母。
警报(target.innerHTML)
}
}
/script
/body
/html至此,“js事件委托有哪些优点”的研究结束,希望能解决大家的疑惑。理论和实践的结合可以更好的帮助大家学习,所以赶紧试试吧!如果你想继续学习更多的相关知识,请继续关注网站,边肖会继续努力,给大家带来更多实用的文章!
内容来源网络,如有侵权,联系删除,本文地址:https://www.230890.com/zhan/38078.html