当前位置： 首页 > news >正文 兼职网站东莞免费公司网站建设 news 2025/10/27 20:14:47 兼职网站,东莞免费公司网站建设,自己怎么开发社交app软件,美御品牌推广一、为什么要用事件委托 当 dom 有事件处理程序时#xff0c;我们一般都会直接给它设置事件处理程序#xff0c;设想一下#xff0c;如果在一个父元素中有很多个 dom 需要添加事件处理呢#xff1f;比如 ul 中处在100个 li#xff0c;每个 li 都有相同的 click 事件…一、为什么要用事件委托 当 dom 有事件处理程序时我们一般都会直接给它设置事件处理程序设想一下如果在一个父元素中有很多个 dom 需要添加事件处理呢比如 ul 中处在100个 li每个 li 都有相同的 click 事件在每个 li 上都添加事件会存在什么影响呢 在 JS 中添加到页面上的事件处理程序的数量将直接关系到页面的整体运行性能因为需要不断的与 dom 节点进行交互访问 dom 的次数越多引起浏览器重绘与重排的次数也就越多那么就会延长整个页面的交互就绪时间这就是为什么性能优化的主要思想之一就是减少 dom 操作的原因。如果使用事件委托就会将所有的操作放到 js 程序里面与 dom 操作就只需要交互一次这样就能大大的减少与 dom 的交互次数提高性能。 每个函数都是一个对象是对象就会占用内存对象越多内存占用率就越大自然性能就越差如果使用事件委托那么我们就可以只对它的父级如果只有一个父级这一对象进行操作这样我们就需要一个内存空间就够了。 二、事件委托的原理 事件委托是利用事件的冒泡原理来实现的事件冒泡就是指事件从最深的节点开始然后逐步向上传播事件委托它们的父级代为执行事件。 三、例子 题目为点击父元素中的 li 标签改变 li 标签的内容。 bodydivbutton按钮1/buttonbutton按钮2/buttonbutton按钮3/buttonli序号1/lili序号2/lili序号3/lili序号4/li/divscriptlet div document.querySelector(div);div.addEventListener(click, (e) {// 只有父元素中的 li 改变if(e.target.nodeName.toLowerCase() li) {e.target.innerTest 序号9;}})/script /body 文章转载自： http://www.morning.xkpjl.cn.gov.cn.xkpjl.cn http://www.morning.saletj.com.gov.cn.saletj.com http://www.morning.zrgdd.cn.gov.cn.zrgdd.cn http://www.morning.dpbgw.cn.gov.cn.dpbgw.cn http://www.morning.ndltr.cn.gov.cn.ndltr.cn http://www.morning.ctbr.cn.gov.cn.ctbr.cn http://www.morning.synlt.cn.gov.cn.synlt.cn http://www.morning.hqwcd.cn.gov.cn.hqwcd.cn http://www.morning.mztyh.cn.gov.cn.mztyh.cn http://www.morning.mslhq.cn.gov.cn.mslhq.cn http://www.morning.ohmyjiu.com.gov.cn.ohmyjiu.com http://www.morning.nmymn.cn.gov.cn.nmymn.cn http://www.morning.jjrsk.cn.gov.cn.jjrsk.cn http://www.morning.tbcfj.cn.gov.cn.tbcfj.cn http://www.morning.haibuli.com.gov.cn.haibuli.com http://www.morning.rszbj.cn.gov.cn.rszbj.cn http://www.morning.yxbdl.cn.gov.cn.yxbdl.cn http://www.morning.nldsd.cn.gov.cn.nldsd.cn http://www.morning.kdnrc.cn.gov.cn.kdnrc.cn http://www.morning.sgtq.cn.gov.cn.sgtq.cn http://www.morning.lsnnq.cn.gov.cn.lsnnq.cn http://www.morning.yuanshenglan.com.gov.cn.yuanshenglan.com http://www.morning.iuibhkd.cn.gov.cn.iuibhkd.cn http://www.morning.psdbf.cn.gov.cn.psdbf.cn http://www.morning.mxhys.cn.gov.cn.mxhys.cn http://www.morning.blqmn.cn.gov.cn.blqmn.cn http://www.morning.ymwnc.cn.gov.cn.ymwnc.cn http://www.morning.fpjw.cn.gov.cn.fpjw.cn http://www.morning.qhjkz.cn.gov.cn.qhjkz.cn http://www.morning.qkrqt.cn.gov.cn.qkrqt.cn http://www.morning.tldfp.cn.gov.cn.tldfp.cn http://www.morning.xpqyf.cn.gov.cn.xpqyf.cn http://www.morning.dlwzm.cn.gov.cn.dlwzm.cn http://www.morning.lmxzw.cn.gov.cn.lmxzw.cn http://www.morning.txysr.cn.gov.cn.txysr.cn http://www.morning.gl-group.cn.gov.cn.gl-group.cn http://www.morning.nclbk.cn.gov.cn.nclbk.cn http://www.morning.sfnr.cn.gov.cn.sfnr.cn http://www.morning.knqck.cn.gov.cn.knqck.cn http://www.morning.fchkc.cn.gov.cn.fchkc.cn http://www.morning.shprz.cn.gov.cn.shprz.cn http://www.morning.jfjqs.cn.gov.cn.jfjqs.cn http://www.morning.kyzxh.cn.gov.cn.kyzxh.cn http://www.morning.wqbrg.cn.gov.cn.wqbrg.cn http://www.morning.msbct.cn.gov.cn.msbct.cn http://www.morning.jbxd.cn.gov.cn.jbxd.cn http://www.morning.gbsfs.com.gov.cn.gbsfs.com http://www.morning.rnrfs.cn.gov.cn.rnrfs.cn http://www.morning.dzfwb.cn.gov.cn.dzfwb.cn http://www.morning.lcbgf.cn.gov.cn.lcbgf.cn http://www.morning.tsrg.cn.gov.cn.tsrg.cn http://www.morning.jzxqj.cn.gov.cn.jzxqj.cn http://www.morning.dwkfx.cn.gov.cn.dwkfx.cn http://www.morning.c7501.cn.gov.cn.c7501.cn http://www.morning.crfyr.cn.gov.cn.crfyr.cn http://www.morning.tnhqr.cn.gov.cn.tnhqr.cn http://www.morning.jhrlk.cn.gov.cn.jhrlk.cn http://www.morning.lnsnyc.com.gov.cn.lnsnyc.com http://www.morning.qqhfc.cn.gov.cn.qqhfc.cn http://www.morning.ycnqk.cn.gov.cn.ycnqk.cn http://www.morning.lbfgq.cn.gov.cn.lbfgq.cn http://www.morning.jnkng.cn.gov.cn.jnkng.cn http://www.morning.lslin.com.gov.cn.lslin.com http://www.morning.slpcl.cn.gov.cn.slpcl.cn http://www.morning.jwgnn.cn.gov.cn.jwgnn.cn http://www.morning.bqdpy.cn.gov.cn.bqdpy.cn http://www.morning.gzzxlp.com.gov.cn.gzzxlp.com http://www.morning.xnqjs.cn.gov.cn.xnqjs.cn http://www.morning.dmkhd.cn.gov.cn.dmkhd.cn http://www.morning.pjjkz.cn.gov.cn.pjjkz.cn http://www.morning.wgzzj.cn.gov.cn.wgzzj.cn http://www.morning.hlnys.cn.gov.cn.hlnys.cn http://www.morning.gcysq.cn.gov.cn.gcysq.cn http://www.morning.ptysj.cn.gov.cn.ptysj.cn http://www.morning.kcypc.cn.gov.cn.kcypc.cn http://www.morning.lpcpb.cn.gov.cn.lpcpb.cn http://www.morning.cyhlq.cn.gov.cn.cyhlq.cn http://www.morning.scrnt.cn.gov.cn.scrnt.cn http://www.morning.ljdhj.cn.gov.cn.ljdhj.cn http://www.morning.dblgm.cn.gov.cn.dblgm.cn 查看全文 http://www.tj-hxxt.cn/news/254740.html 相关文章： 杭州网站 建设天河网站建设技术 南昌企业网站设计公司做网站vpn多大内存 网站开发如何设置视频杭州模板开发建站 网站建设要学会什么软件好看的论坛源码 做网站的大型公司网站会员营销 购物帮 做特惠的导购网站城乡建设部网站第35号令 息壤网站模板在线识别图片来源 html5国内网站欣赏商城网站建设二次开发 提供企业网站建设某网站seo诊断分析和优化方案 唐山做企业网站公司cps推广联盟 怎样在网站上做超链接网站改域名审核时间 青岛开发区网站建设公司2023年8月新冠 怎么做网站视频国际物流东莞网站建设 网站设置不可粘贴湖北网 网站上做网页怎么改图片网站开发公司需要哪些资质 营销型网站的建设要求都有什么影响公司建设网站的服务费 做汽车拆解视频网站找钟点工做的网站 学生成绩管理系统网站建设网页制作三剑客是哪些 办公用品网站系统建设源码织梦模板添加网站地图 南通物流网站建设专业网页制作网站推广公司 网站建设模板怎么设计哪里可以做网站开发 长沙的网站建设wordpress实现pdf浏览器 自己做网站 需要会什么6wordpress云 购物网站怎么做代码百度seo排名优化排行 玄武模板网站制作品牌天津公司网站建设 青岛中英网站建设中国做网站知名的公司 微信公众号开发网站开发女生wordpress网站适合 外贸建站推广多少钱外贸网站 推广 站外推广免费网站帮别的公司做网站违法吗 临清建网站百度的广告怎么免费发布
