如何在链接中有一个不是链接的按钮

问题描述:

我有一个div代表一个充当链接的面板。该面板包含一个触发一些Javascript的按钮。如何在链接中有一个不是链接的按钮

我该怎么做才能使按钮不激活该链接?

<a href="/some/page"> 
    <div> 
     ... 
     <button onClick="someFunction()">Click</button> 
    </div> 
</a> 
+1

你不能;将一个互动元素嵌套在另一个互动元素中是无效的HTML。 –

+0

我绝不是web开发人员,但我想到的一种方法是从面板中删除按钮,使其成为自己的元素,并使用'position:fixed'将其覆盖在面板上。再说一次,不是网络开发专业人员,所以采取沉重的盐的建议。 – brittenb

你可以尝试

<a href="/some/page" onclick="return false;">Click me</a>

这样可以防止默认操作。