首页 > 其他分享 >JS脚本内追加的标签无法触发事件问题处理

JS脚本内追加的标签无法触发事件问题处理

时间:2024-08-15 10:08:24浏览次数:11  
标签:触发 target 标签 id JS event

通过JS追加的标签无法触发事件时,就把事件挂载给这个标签父级标签,如下。

// 后追加标签事件不生效,挂载在父级标签
    var parentElement = document.getElementById('layout_detail_toolbar_0');
    parentElement.addEventListener('change', function(event) {
        let target = event.target;
        let id = target.id;
        if (id != 'uploadCompressErm') {
            return;
        }
    })

如上代码所示,这个标签内的子标签触发了改变时间,父标签也会生效,通过event.target可以获取到是哪个子标签触发的,可以判断下如果不是这个标签处理的就不处理。

ok了,就这样!!

 

标签:触发,target,标签,id,JS,event
From: https://www.cnblogs.com/hjieone/p/18360307

相关文章

  • 使用 TypeScript 在 React JS 中进行路由
    一.介绍单页应用程序(SPA)中的路由支持在视图之间导航,而无需重新加载应用程序。ReactRouter是React应用程序中路由的标准库。本文简要概述了使用TypeScript设置路由的方法。二.设置项目创建一个新的React项目npxcreate-react-appreact-router-ts--template......
  • java语言,MySQL数据库;电影推荐网站 30760(免费领源码)计算机毕业设计项目推荐万套实战教
    摘 要随着互联网时代的到来,同时计算机网络技术高速发展,网络管理运用也变得越来越广泛。因此,建立一个B/S结构的电影推荐网站;电影推荐网站的管理工作系统化、规范化,也会提高平台形象,提高管理效率。本电影推荐网站是针对目前电影推荐网站的实际需求,从实际工作出发,对过去的电影......
  • java语言,MySQL数据库;基于Web的高校知识共享系统设计与实现 32050(免费领源码)计算机毕业
    摘 要信息化社会内需要与之针对性的信息获取途径,但是途径的扩展基本上为人们所努力的方向,由于站在的角度存在偏差,人们经常能够获得不同类型信息,这也是技术最为难以攻克的课题。针对高校知识共享系统等问题,对高校知识共享系统进行研究分析,然后开发设计出高校知识共享系统以......
  • java语言,MySQL数据库;23825基于java的员工考勤系统(免费领源码)计算机毕业设计项目推荐万
    摘 要由于数据库和数据仓库技术的快速发展,员工考勤系统建设越来越向模块化、智能化、自我服务和管理科学化的方向发展。考勤管理系统对处理对象和服务对象,自身的系统结构,处理能力,都将适应技术发展的要求发生重大的变化。员工考勤系统除了具有共享系统的全部功能以外,能通过......
  • JS贪吃蛇
    1.整个简洁版的贪吃蛇完整代码,后面会解析<!DOCTYPEhtml><html><head><metacharset="utf-8"><title>贪吃蛇</title></head><bodystyle="height:90vh;display:flex;justify-content:center;align-items:center;......
  • C#基础:JSON和字符串、字典、实体类的相互转化方案
    备注:可直接在控制台输出,不需要引用第三方nuget包usingSystem;usingSystem.Collections.Generic;usingSystem.Text.Encodings.Web;usingSystem.Text.Json;classProgram{publicclassData{publicstringMoCategorySelect{get;set;}......
  • js数组对象去重
    核心方法:对象属性排序:Array.sort()string和number类型的数组去重:newSet()代码部分1functionuniqueArr(arr){2letresult=[];3arr.forEach(item=>{4result.push(sortObjProperty(item));5});6result=[...(newSet(result.ma......
  • html基础入门(css,js初步了解)
    大家好我是猫咪!!!<!DOCTYPEhtml><htmllang="en"><head>  <metacharset="UTF-8">  <title>Title</title><!--  引入一个外部的css文件 -->  <linkrel="stylesheet"href="test.css&quo......
  • 原生js的事件流
    原来js中的事件:event.preventDefault() 阻止事件的默认行为event.stopPropagation() 阻止事件冒泡、传播 事件流的定义:浏览器对于事件触发的执行流程 有下面三个div,他们是嵌套关系。如果每个div都触发了点击事件,那么是从内向外触发还是从外向内触发呢?<div......
  • 使用前端js库pica压缩图片
    pica浏览器中的高质量图像大小调整在浏览器中调整图像大小,无需像素化,速度相当快。自动选择最好的可用技术:webworkers、webassembly、createImageBitmap、纯JS。简单使用<scriptsrc="./plugins/pica.min.js"></script><script>functionresizeImage(img_path,file_name)......