防止点击重定向上的子标记

Question

我有以下代码

<div class="takeover" onclick=location.href="http://google.com/">
<div class="site-container">

我希望onclick只能在Takeover上工作，没有内部接管。

我该怎么做？

谢谢，

汤姆

Answer 1

您需要检查是否点击了目标，因为其孩子的点击次数会冒出来

http://jsfiddle.net/bovuszu1/1/

<div class="takeover" onclick="javascript: if (event.target == this) location.href='http://google.com/';">

或使用jQuery

http://jsfiddle.net/bovuszu1/2/

$(function(){
    $('.takeover').on('click', function(e){
        if (e.target == this) location.href='http://google.com/';
    });
});