zoukankan      html  css  js  c++  java
  • 如果dom节点是动态添加进页面的,在页面节点绑定事件如何解决的问题。

    如果dom节点是动态添加进页面,想在节点绑定事件,传统的做法就是遍历节点,但会出现问题,也肯能有其他的办法,突然想到 可以依据事件冒泡,这样就不惧页面后添加节点而不响应事件的问题。比较结实。示例代码如下

    <ul id="tit">
    		<li>1a</li>
    		<li>2a</li>
    		<li>3a</li>
    		<li>4a</li>
    		<li>5a</li>
    		<li>6a</li>
    		<li>7a</li>
    		<li>8a</li>
    		<li>9a</li>
    		<li>10a</li>
    	</ul>
    
    var tit = document.getElementById("tit");
    	tit.onclick = function(e){
    		var e = e || window.event;
    		var tar = e.target || e.srcElement;
    		if(tar.nodeName.toLowerCase() === 'li'){
    			tar.style.background = 'green';
    		}
    	}
    
    	var li = document.createElement('li');
    	li.innerHTML = "哈哈哈哈";
    	tit.appendChild(li);
    

     这个主要是没有jquery 的场景  jquery可以用on方法

  • 相关阅读:
    数据结构上篇
    异步编程下篇
    异步编程上篇
    异步编程中篇
    对象与原型对象下篇
    对象与原型对象上篇
    移动端开发
    函数进阶
    二.全局安装需要配置NODE_PATH命令
    一.完全删除VSC
  • 原文地址:https://www.cnblogs.com/junwu/p/4929310.html
Copyright © 2011-2022 走看看