跨标签内的 onclick 事件

Question

示例代码

<a href="page" style="text-decoration:none;display:block;">
    <span onclick="hide()">Hide me</span>
</a>

由于 a 标签超出了跨度，因此无法单击它。我尝试了 z-index 但没有用

原文由 Ben 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

<a href="http://the.url.com/page.html">
    <span onclick="hide(); return false">Hide me</span>
</a>

这是最简单的解决方案。

原文由 Mark 发布，翻译遵循 CC BY-SA 3.0 许可协议

Answer 2

当您点击 hide me 时， a 和 span 点击都会触发。由于页面正在重定向到另一个页面，您看不到 hide() 的工作

你可以看到这个以获得更多说明

http://jsfiddle.net/jzn82/

原文由 Nauphal 发布，翻译遵循 CC BY-SA 3.0 许可协议