zoukankan      html  css  js  c++  java
  • 关于JS事件冒泡与JS事件代理(事件委托)

     连接:https://blog.csdn.net/supercoooooder/article/details/52190100

    核心代码

    1. <ul id="parentUl">  
    2.         <li>我还是个孩子</li>  
    3.         <li>我还是个孩子</li>  
    4.         <li>我还是个孩子</li>  
    5.         <li>我还是个孩子</li>  
    6.         <li>我还是个孩子</li>  
    7.     </ul>  
    1. var ul = document.getElementById('parentUl');  
    2.     ul.onclick=function (event) {  
    3.       var e = event||window.event,  
    4.               source = e.target || e.srcElement;//target表示在事件冒泡中触发事件的源元素,在IE中是srcElement  
    5.         if(source.nodeName.toLowerCase() == "li"){   //判断只有li触发的才会输出内容  
    6.             alert(source.innerHTML);  
    7.         }  
    8.         stopPropagation(e);                           //阻止继续冒泡  
    9.     };  
    10.     function addElement() {  
    11.         var li = document.createElement('li');  
    12.         li.innerHTML="我是新孩子";  
    13.         ul.appendChild(li);  
    14.     }  
  • 相关阅读:
    php 可变函数用法
    javascript语法里一些难点问题
    jquery技巧总结
    Bootstrap学习笔记
    Linux下中文文件名乱码问题的详解
    php中iconv函数使用方法,解决中文乱码
    web制作、开发人员需知的Web缓存知识
    鲍鱼开始讲八皇后了
    鲍鱼开始讲八皇后了
    double links....baoyuzuoye
  • 原文地址:https://www.cnblogs.com/wanlibingfeng/p/9134701.html
Copyright © 2011-2022 走看看