Question

是否可以在页面加载时默认情况下以这种格式点击按钮 <button>Title</button>？

我尝试了以下操作：

<button checked="checked">Title</button>
<button checked="true">Title</button>
<button checked>Title</button>

在这种情况下，他们都没有工作。谢谢

Answer 1

<button id="mybutton">Title</button>
<script>
  document.addEventListener("DOMContentLoaded", function(event) { 
    document.getElementById("mybutton").click();
 });
</script>

Answer 2

如果您要查找默认选中的复选框/单选按钮：

<input type="checkbox" checked />
<input type="radio" value="yes" checked />

默认情况下选中的按钮提供的价值很小，因为按钮用于提交或发布。

Answer 3

问题

我正在尝试找出您想要的。在标题中，您说要默认将其“选中”，但稍后您将谈到默认将其单击。我认为您的意思是它应该具有焦点，而不是实际上应该单击该按钮。

解决方案1：纯HTML

您可以用纯HTML做到这一点，就像这样：

<button autofocus>Title</button>

解决方案2：香草Javascript

如果您想要更好的browser support，可以为此使用javascript：

<button id="mybutton">Title</button>
<script>
  document.addEventListener("DOMContentLoaded", function(event) { 
    document.getElementById("mybutton").focus();
 });
</script>

解决方案3：使用jQuery

如果仍然加载了jQuery，则始终可以选择使用jQuery。请注意，添加jQuery需要付出高昂的代价（至少压缩了85kb）。 jQuery允许您编写以下代码：

$(function() {
  $('mybutton').focus();
});

测试这些解决方案

要测试这些解决方案，可以使用以下简单的CSS代码：

button {background: red;}
button:focus {background: green;}

Answer 4

我假设女巫单击了您，这意味着使按钮处于永久按下状态吗？

如果真是这样，那么很可能不会。 HTML按钮不能处于永久按下状态。

如果实际上只是要做一个简单的按钮单击，那么使用JavaScript很容易-您可以执行onload事件并通过JavaScript调用click方法（有数百万种方法可以做到-取决于您是否使用是否有任何框架，所以我不能为您提供一个很好的代码片段）

默认选择的HTML按钮

4 个答案: