Question

我的内部有一个div，就像这样的锚标签。

<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里面还有一个锚标签，但是点击这个锚标签，页面应该重定向到另一个位置。是可以在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>

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

2 个答案: