跨越标签内的onclick事件

Question

示例代码

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

由于a标签已超出跨度,因此无法单击它.我尝试z-index但是没有用

Answer 1

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

这是最简单的解决方案.

Answer 2

单击时hide me,会触发a和span单击.由于页面重定向到另一个页面,您无法看到它的工作情况hide()

您可以看到这一点以获得更多说明

http://jsfiddle.net/jzn82/

Answer 3

找到答案。

我使用了一些样式来实现这一目标。

<span 
   class="pseudolink" 
   onclick="location='https://jsfiddle.net/'">
Go TO URL
</span>

.pseudolink { 
   color:blue; 
   text-decoration:underline; 
   cursor:pointer; 
   }

https://jsfiddle.net/mafais/bys46d5w/