DOM事件委托

使用场景

  1. 监听重复的事件===>用于节省监听数(内存小)
  2. 监听当前暂时还没有的元素===>动态监听元素

使用方法

html部分
  • 111
  • 222
  • 333
  • 444
普通写法
window.onload = function(){
    var oUl = document.getElementById("ul1");
    var aLi = oUl.getElementsByTagName('li');
    for(var i=0;i
委托写法
window.onload = function(){
    var oUl = document.getElementById("ul1");
   oUl.onclick = function(){
        alert(123);
    }
}

你可能感兴趣的:(DOM事件委托)