<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <div> <a href="#">A标签</a> <a href="#">A标签</a> <a href="#">A标签</a> <a href="#">A标签</a> <a href="#">A标签</a> <span>span标签</span> </div> <script> var oDiv = document.getElementsByTagName("div")[0]; var oAs = oDiv.getElementsByTagName('a'); oDiv.addEventListener('click',function(event){ // 如何判断event.target指向的a在oAs集合之中? if(event.target in oAs){alert("it's here!")} // 这里并没有执行 event.target.style = "color:skyblue;" // 但是这里是有效的 }); </script> </body> </html>
我希望通过时间冒泡的机制操作div中每一个a标记的click事件,但是不希望他作用到其他元素上如何进行过滤了?
例如,不想作用在span标签和div容器上。只作用在a标签上。
_潇潇暮雨