Question

我目前正在尝试在文章标签（HTML5）中放置一些可点击的div。现在，问题是我的文章也是可点击的，所以每当我尝试点击我的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;
}

该文章也被设置为一个块。

感谢您的帮助！

Answer 1

查看事件冒泡和捕获。单击div时，也会点击该文章，因此重定向将首先触发，并可能阻止投票被调用。

在可点击文章中创建可点击的div（HTML5）

1 个答案: