javascript - 防止点击重定向时的子标签

Question

我有以下代码

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

我希望 onclick 仅适用于接管，接管内没有任何作用。

我该怎么做？

谢谢

汤姆

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/';
    });
});