微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

html – 如何从DIV重定向并绕过子锚点href

我需要您的帮助以下代码.我想将一个onclick事件添加到整个DIV以重定向一个url,但我无法绕过DIV中的子锚点中包含的href:

即(目标是重定向到google.com点击图片文字的任何地方):

<html>
  <div onclick="location.href='http://www.google.com'">
    <div>
      <a href="http://en.wikipedia.org/">
        <img height="200" width="200" src="http://upload.wikimedia.org/wikipedia/commons/6/63/Wikipedia-logo.png">
      </a>
      Test
    </div>
  </div>
</html>

当我使用像’file:/// E:/Documents/Blog/Design/Tmp1.html'(我不知道为什么)这样的本地URL时,这很好用.
谢谢.

更新:我正在添加这个请求背后的想法:我需要在我的博客的索引部分使用这个,Blogger使用与个别帖子相同的例程构建.在索引中我希望主Div中的每次点击都重定向到帖子,但在帖子中,图片中的点击必须转到图片的href.我的想法是,“onclick”事件只是为了索引部分而添加到DIV中.

解决方法

如果你打算内联这个(不推荐,但它是你的代码),你可以添加一个返回false;到内锚:

<html>
  <div onclick="location.href='http://www.google.com'">
    <div>
      <a href="http://en.wikipedia.org/" onclick="return false;">
        <img height="200" width="200" src="http://upload.wikimedia.org/wikipedia/commons/6/63/Wikipedia-logo.png">
      </a>
      Test
    </div>
  </div>
</html>

更新:基于您的请求的第2步(由于多种原因,这是一个可怕的,可怕的想法,但它有效):

<html>
  <div onclick="location.href='http://www.google.com'">
    <div>
      <a href="http://en.wikipedia.org/" onclick="if ( this.parentElement.parentElement.onclick ) { return false; }" id="demo">
        <img height="200" width="200" src="http://upload.wikimedia.org/wikipedia/commons/6/63/Wikipedia-logo.png">
      </a>
      Test
    </div>
  </div>
</html>

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐