请我需要您的帮助来完成下面的代码。我想向整个 DIV 添加 onclick 事件以重定向到 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 中。
如果您打算内联执行此操作(不推荐,但这是您的代码),您可以添加return 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>
Update:根据您请求的第 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>
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)