js原生事件委托

下面的事件委托我只想点击的时候判断他的nodename是不是等于'a'
而不是还要等于什么h3div之类的,这要怎么做?
如果是判断nodename如果是等于a的话,必须不能点到h3div标签,不然没反应

<ul id="parent-list">
    <li id="post-1"><a href="#" style="display:block"><h3>Item 1</h3><div>我是div</div> </a></li>
    <li id="post-2"><a href="#" style="display:block"><h3>Item 1</h3><div>我是div</div> </a></li>
    <li id="post-3"><a href="#" style="display:block"><h3>Item 1</h3><div>我是div</div> </a></li>
    <li id="post-4"><a href="#" style="display:block"><h3>Item 1</h3><div>我是div</div> </a></li>
  </ul>

  <script type="text/javascript">
    document.getElementById("parent-list").addEventListener("click",function(e) {      var nodename = e.target.nodeName.toLocaleLowerCase();      if(e.target && (nodename == "h3" || nodename == "div")) {
        alert(e.target.nodeName);
      }
    },false);  </script>


慕神8447489
浏览 598回答 1
1回答
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

JavaScript