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

时间:2015-09-29 16:55:37

标签: javascript jquery onclick

我有以下代码

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

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

我该怎么做?

谢谢,

汤姆

1 个答案:

答案 0 :(得分: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/';
    });
});