事件代理
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基础——数组

相关内容

热门资讯

a... 本文目录导航： abaqus振动照应剖析中处罚力的加载方法 abaqus反...
a... 本文目录导航： abaqus资料可以不设置参数吗 abaqus外面没有自带...
A... 本文目录导航： ANSYS Workbench中二维平面剖析的设置。 an...
h... 本文目录导航： hfss19.2允许win11吗 微带如何假负载 ...
a... 本文目录导航： ansys模流剖析用哪个模块 Ansys_workbenc...
v... 本文目录导航： 在ansys中，建好几何模型后，随意变动一下视图，旋转、加大、增加，Fit...
A... 本文目录导航： Ansys软件可以收费试用吗？ ansys有哪些软件 ...
a... 本文目录导航： abaqus中如何同时关上两个cae文件？ abaqus找...
a... 本文目录导航： ansys流体剖析迭代次数可以中止嘛 Ansys Flot...
这... 本文目录导航： 哪位大佬有 Fluent14.5流场剖析从入门到知晓，这种百度网盘资源的链...
经... 双击D2进入System Coupling的设置，在Solution上右击选用Clear Gener...
a... 本文目录导航： ansys软件引见 ansys有哪些软件 ...
a... 本文目录导航： abaqus系列技巧18：聊聊abaqus云图外面的魔术加大镜--缩放倍数...
a... 本文目录导航： abaqus中网格不可绘制 abaqus结果可视化某个部件...
a... 本文目录导航： abaqus结果可视化某个部件云图只显示网格接壤处的？ a...
驳... 本文目录导航： ABAQUS中假设选择施加的载荷类型为pressure,对应的载荷单位应该...
a... 本文目录导航： abaqus2020旋转不了物体 怎样判别abaqus转的...
在... 本文目录导航： 在abaqus中如何删除一个单元 ABAQUS怎样删除网格...
它... 本文目录导航： abaqus为什么叫abaqus，它是那些词的简称么？全称是什么呢？ ...
披着“现货订购”外衣的非法期货... 　　近期，甘肃西北商品交易市场有限公司旗下的“铂银掘金APP”引发大量投资者集中维权。该平台打着“低...