<!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标签上。
添加回答
举报
0/150
提交
取消