事件代理
admin
2023-08-16 02:02:10
0次

javascript和jQuery的事件代理不同写法 首先思考一下：为什么我们要用到事件代理？？？

  • 举个栗子
    父元素下现有四个子元素，我们要监听子元素的增减变化，此时我们就需要监听父元素来到达目的
    再者我们在子元素上绑定了事件，我们可以用addEvenListener监听器对子元素进行监听，但是如果子元素增加了，我们的监听范围没有发生变化，还是原来的四个元素，那么新增元素就无法监听事件，这就需要把监听器发给到父元素上，那么用jQuery和JavaScript怎么实现呢
    HTML
  • 1
  • 2
  • 3
  • 4

JavaScript
document.querySelector('.box ul').addEventListener('click', function(e){ console.log(e.target) if(e.target.tagName.toLowerCase() === 'li'){ document.getElementById('wrap').innerText=e.target.innerText } })

【事件代理】记住e.target.tagName.toLowerCase()
  • e.target是点击事件的html
  • 2
  • e.target.tagName='LI'
  • toLowerCase()是大写变小写
    jQuery
$('.box ul').on('click', 'li', function(){ var str = $(this).text() $('#wrap').text(str) })

  • 这个不解释，不懂得直接查，非常简单

事件代理

javascript和jQuery的事件代理不同写法 首先思考一下：为什么我们要用到事件代理？？？

上一篇：公司的盈利能力分析

下一篇：Java|Java基础——数组

相关内容

热门资讯

超... 本文目录导航： 超级云计算是什么 怎么做难看的PPT 1、...
谢... 本文目录导航： 请问云主机是什么 云主机有什么好处 具体的教程，谢谢！ 云...
w... 本文目录导航： wps是什么意思 ppt的新配置designer和morp...
大... 本文目录导航： 大专学什么专业务工率高？ 未来十年务工率最高的几大专业都是...
软... 本文目录导航： 软件技术专升本可以报什么专业 云计算专升本可以报医学吗 ...
云... 本文目录导航： 云计算务工前景 云计算务工方向及前景怎样样 ...
学... 本文目录导航： 学云计算进去无能嘛 云计算技术与运行是干什么的 ...
中... 本文目录导航： 如何了解云计算，中国的云计算产业开展现状如何 云计算未来几...
云... 本文目录导航： 云计算1+x证书含金量 云计算须要考什么证书 ...
云... 本文目录导航： 云计算股票龙头股票有哪些？ 普通云计算概念龙头股有哪些?...
大... 本文目录导航： 大专云计算技术运行务工方向 大专毕业证上是物联网,实践学习...
大... 本文目录导航： 大数据云计算有必要升本吗 内蒙古大专云计算技术与运行专业升...
9... 本文目录导航： 99%学霸假期逆袭必看网站 99%学霸假期逆袭必看网站 ...
云... 本文目录导航： 云计算属于哪个专业 云计算属于什么专业 计...
计... 本文目录导航： 计算机二级MSOffice上机操作题及答案 想做一篇关于解...
A... 本文目录导航： AI能否会彻底扭转上流职业市场，如律师、会计师和医师？ A...
人... 本文目录导航： 人工智能芯片产业链有哪些？ 更多本行业钻研剖析详见前瞻产业...
人... 本文目录导航： 人工智能会带来哪些风险？ 或许有一天，人工智能机器人将取代...
a... 本文目录导航： ai智能写作软件哪个好 ai智能写作软件有哪些？ai智能对...
自... 本文目录导航： 自考本科计算机专业难吗 自考计算机专业须要考哪些科目 ...