javascript - div 内的锚标记。当 div 点击它时，页面应该重定向到一个页面，如果锚点点击页面应该重定向到另一个页面

Question

我有一个 div 里面有一个像这样的锚标签。

<div onclick="page reddirec to one location"  style="height:200px;width:200px"><a href="http://www.google.com" >text</a></div>

这里 div 的高度和宽度各为 200 像素，并且单击该 div 页面应重定向到一个位置。但是这个 div 里面也有一个锚标签，但是点击这个锚标签，页面应该重定向到另一个位置。是否可以在 html 中或通过使用 javascript 来实现这一点。

Answer 1

你可以试试这个。

$('div').click(function(e){
    if($(e.target).is('a')){
        //this will stop event bubbling and will open the href of the anchor
        e.stopPropagation();
    }
    else{
        location.href = "anotherUrl";
    }
});

Answer 2

这适用于 IE 9、Firefox 11 和 Google Chrome 18：

<div onclick="window.location='http://www.yahoo.com'" style="height:200px;width:200px;background-color:Red;">
  <a href="http://www.google.com" >text</a>
</div>