如何在链接中有一个不是链接的按钮
问题描述:
我有一个div代表一个充当链接的面板。该面板包含一个触发一些Javascript的按钮。如何在链接中有一个不是链接的按钮
我该怎么做才能使按钮不激活该链接?
<a href="/some/page">
<div>
...
<button onClick="someFunction()">Click</button>
</div>
</a>
答
你可以尝试
<a href="/some/page" onclick="return false;">Click me</a>
这样可以防止默认操作。
你不能;将一个互动元素嵌套在另一个互动元素中是无效的HTML。 –
我绝不是web开发人员,但我想到的一种方法是从面板中删除按钮,使其成为自己的元素,并使用'position:fixed'将其覆盖在面板上。再说一次,不是网络开发专业人员,所以采取沉重的盐的建议。 – brittenb