【问题标题】:How to have, in a link, a button that is not a link [duplicate]如何在链接中拥有一个不是链接的按钮[重复]
【发布时间】:2016-12-01 21:16:11
【问题描述】:

我有一个代表面板的 div,它充当链接。该面板包含一个触发一些 Javascript 的按钮。

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

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

【问题讨论】:

  • 你不能;将一个交互元素嵌套在另一个交互元素中是无效的 HTML。
  • 我绝不是网络开发专业人士,但我想到的一种方法是从面板中删除按钮,使其成为自己的元素,然后使用 position: fixed 覆盖它在面板上。再说一次,不是网络开发专业人士,所以对这个建议持保留态度。

标签: html


【解决方案1】:

你可以试试

&lt;a href="/some/page" onclick="return false;"&gt;Click me&lt;/a&gt;

这将阻止默认操作。

【讨论】:

    猜你喜欢
    • 2013-02-24
    • 2015-04-30
    • 2020-10-07
    • 2021-11-26
    • 2017-11-03
    • 2010-12-23
    • 2021-11-26
    • 2023-03-29
    • 1970-01-01
    相关资源
    最近更新 更多