美文网首页
事件委托

事件委托

作者: jh2k15 | 来源:发表于2018-05-15 10:41 被阅读0次
        <ul id='list'>
          <li>1</li>
          <li><span style="background: red;float:right">9999999999999</span></li>
          <li>3</li>
          <li>4</li>
          <li>5</li>
          <li>6</li>
          <li>7</li>
          <li>8</li>
        </ul>
    
    window.onload = function(){
        var ul = document.getElementById("list");
        ul.onclick = function(eve){
            var event = eve || window.event;
            var target = event.target || event.srcElement;
            while(target.nodeName.toLowerCase() != 'li'){
                if(target === ul){
                    target = null;
                    break;
                }
                target = target.parentNode;
            }
    
            if(target){
                alert(target.innerHTML);
            }
        };
    };
    

    相关文章

      网友评论

          本文标题:事件委托

          本文链接:https://www.haomeiwen.com/subject/ywredftx.html