我需要您的帮助以下代码.我想将一个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 举报,一经查实,本站将立刻删除。