0

我目前正在尝试将一些可点击的 div 放在文章标签 (HTML5) 中。现在,问题是我的文章也是可点击的,所以每当我尝试点击我的 div 时,它只是假设我点击的是文章。我的点击监听器是在 javascript 中设置的,这是我的代码:

HTML:

<article id='one'>
<div id='somediv' class='up'>Stuff</div>
</article>

当然,这只是我尝试做的一个例子。

Javascript:

    articles = document.getElementsByTagName('article');
for (var i = 0; i < articles.length; i++) {
    articles[i].addEventListener('click',redirect,false);
}

var UpVote = document.querySelectorAll(".up");
for (var i = 0, length = nodeList.length; i < length; i++) {
    UpVote[i].addEventListener('click',UpVote,false);
}
function UpVote(){
    alert(this.id);
}

正如您在此处看到的,我有 2 个循环为我的所有文章对象和 .up 类对象设置侦听器。我相信这些工作,所以做的功能。我没有发布我的重定向功能,因为我肯定它有效,我得到了我的重定向。

我的 CSS:

.up{
display:block;
padding-left:3px;
background:rgba(150,195,225,.4);
border-radius:5px;
-webkit-box-shadow:1px 1px 2px rgba(110,110,110,.1);
width:20px;
-webkit-transition: width .3s;
}

这篇文章也被设置为一个块。

谢谢你的帮助!

4

1 回答 1

0

研究事件冒泡和捕获。当您单击 div 时,您也在单击文章,因此重定向将首先触发,并可能阻止调用投票。

于 2012-12-19T20:03:11.790 回答