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

Question

我有一个 div 里面有一个像这样的 anchor 标记。

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

这里的 div 的高度和宽度各为 200px，并且单击 div 页面应该重定向到一个位置。但此 div 内也有一个 anchor 标记，但单击此 anchor 标记时，页面应重定向到另一个位置。是否可以在 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";
    }
});