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)

相关推荐

  • 如何在VMware ESXi 搭建的虚拟机上进行京胜物联网模拟器的配置

    技术如何在VMware ESXi 搭建的虚拟机上进行京胜物联网模拟器的配置这篇文章给大家介绍如何在VMware ESXi 搭建的虚拟机上进行京胜物联网模拟器的配置,内容非常详细,感兴趣的小伙伴们可以参考借鉴,希望对大家能

    攻略 2021年12月10日
  • 没有配置环境变量django可以用吗(创建django时如何选择编译器)

    技术启动uwsgi报错提示找不到django的模块怎么办小编给大家分享一下启动uwsgi报错提示找不到django的模块怎么办,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获

    攻略 2021年12月18日
  • Redis中的两种持久化方式是什么

    技术Redis中的两种持久化方式是什么本篇内容主要讲解“Redis中的两种持久化方式是什么”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“Redis中的两种持久化方式是什么”吧

    攻略 2021年10月25日
  • python多线程如何秒爬猫眼电影

    技术python多线程如何秒爬猫眼电影这篇文章主要介绍python多线程如何秒爬猫眼电影,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!通过python3的多线程,获取猫眼电影top100电影清单,

    攻略 2021年11月24日
  • 钥匙忘屋里了怎么开锁,钥匙忘在屋里了在外面怎么打开

    技术钥匙忘屋里了怎么开锁,钥匙忘在屋里了在外面怎么打开锁芯先插里面的钥匙钥匙忘屋里了怎么开锁,外面再插钥匙转不动;先插外面的钥匙,里面插钥匙转不动。一般出门时,门里面不要在锁芯里插钥匙,插了钥匙就会出现你说的情况。如果屋

    生活 2021年10月22日
  • mysql设置字段为varchar(mysql怎么把varchar改类型)

    技术mysql如何转换varchar这篇文章主要介绍了mysql如何转换varchar,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。

    攻略 2021年12月16日