js事件委托的优点有哪些

技术js事件委托的优点有哪些这篇文章主要介绍“js事件委托的优点有哪些”,在日常操作中,相信很多人在js事件委托的优点有哪些问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”js事件委托的优点

本文主要介绍“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

(0)

相关推荐

  • 如数家珍什么意思,成语如数家珍是什么意思

    技术如数家珍什么意思,成语如数家珍是什么意思如数家珍的意思发音:rúshǔjiāzhēn。成语解释:好像数自己家藏的珍宝那样清楚。比喻对所讲的事情十分熟悉。成语出处:《清朝野史大观郭生始创戏院》:“吴县王鹤琴先生耆年硕德

    生活 2021年10月30日
  • 偶数的概念,奇数和偶数的概念0是什么数

    技术偶数的概念,奇数和偶数的概念0是什么数1993年我国颁布的《中华人民共和国国家标准》(GB3100-3102-93)《量和单位》(11-2.9)P311页,规定自然数包括0。在以往的教学中,关于自然数的组成,有两种情

    生活 2021年10月24日
  • PHP中跳转与重定向的区别有哪些

    技术PHP中跳转与重定向的区别有哪些这篇文章主要讲解了“PHP中跳转与重定向的区别有哪些”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“PHP中跳转与重定向的区别有哪些”吧

    攻略 2021年11月4日
  • DM7 RAC数据库怎样恢复成单机数据库

    技术DM7 RAC数据库怎样恢复成单机数据库本篇文章为大家展示了DM7 RAC数据库怎样恢复成单机数据库,内容简明扼要并且容易理解,绝对能使你眼前一亮,通过这篇文章的详细介绍希望你能有所收获。DM7 RAC数据库恢复成单

    攻略 2021年11月30日
  • 真心话劲爆污,你还剩几个能说心里话的朋友

    技术真心话劲爆污,你还剩几个能说心里话的朋友应该没有了真心话劲爆污,随着年龄的增加,越来越不想跟别人说什么,说了也会莫名其妙的惹些烦恼!心里话,只能自己消耗,并不能跟别人说,说多了自寻烦恼而已。而且一般心里话都是一些烦恼

    2021年10月20日
  • jointJS怎么用

    技术jointJS怎么用这篇文章主要为大家展示了“jointJS怎么用”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“jointJS怎么用”这篇文章吧。最近由于项目需要,开始接

    攻略 2021年11月16日