Question

所以我有一个片段，我正用它来构建一些按钮。

<a href="http://google.com"><font color=white><button  class="button"><span>Register</span></button></font></a>
<button class="button" onclick="window.location='http://www.google.com';"><span>SP Training</span></button>
<button class="button"><span>Assistance</span></button>
<button class="button"><span>Orders</span></button>
<button class="button"><span>KM Milsuite</span></button>
<button class="button"><span>TMT</span></button>

正如你所看到的，我已经尝试将整个事物包装在href中，我已经尝试在href中包装span，我已经尝试在href中包装字体，但都失败了

好的，所以我徒步探索了java世界并尝试了一些点击（我在这个网站上找到了很多变化），这些都不起作用！每个按钮都是可点击的，但每个按钮只是链接回我正在处理的页面。我绝不是所有这方面的专家，但我期待对此有所贡献！

有什么建议吗？

Answer 1

按钮的目的是：

提交表单（type="submit"，默认设置）
允许触发JavaScript（type="button"）

正如你所看到的，我试图用href
包装整个东西

HTML规范禁止这样做。

我已尝试在href
中包装span

跨度似乎没有用处

每个按钮都是可点击的，但每个按钮都只是链接回我当前正在处理的页面

如果单击按钮正在重新加载当前页面，那么它可能是表单内的提交按钮，其中action属性可解析为当前页面（或无动作属性）。

如果您想要一个链接，那么使用链接和不要使用按钮。

如果您希望链接指向外观，则按使用CSS 以此方式设置样式。请注意，:active伪类对于在单击链接时实现3d抑制效果非常有用。

Answer 2

按钮内的span标记正在捕捉点击操作。你必须从“冒泡”链中取出范围。

最简单的方法是应用CSS并将类添加到span标记中。

span.nonclickable {
    pointer-events: none;
}

之后您可以点击按钮。可在此处找到更详细的说明：Use CSS to make a span not clickable

目前还不是很清楚你想要这些按钮做什么。使用a-tags链接到其他页面并使用按钮来引用javascript或表单提交中的操作。

Answer 3

你可以试试这个：

<input type="button" onclick="myF()" />

<script>
  function myF() {
    window.open('http://www.google.com', '_blank', 'resizable=yes');
  }
</script>

希望有所帮助

使按钮成为可点击的链接（带扭曲）

3 个答案: