确认Chrome错误。

Question

Chrome中的提交按钮有什么用？

<input type='text' placeholder='Dummy Input'/>
<input type='submit'/>

仅当按钮不具有焦点时，才会出现提交按钮的有效“按下”状态。要重现，请参阅this JSFiddle。实际上，文本字段实际上并不是必需的，只是允许 tab 焦点进入提交按钮。

所以继续，将光标放在文本字段中，按选项卡，然后在按钮聚焦时单击提交（橙色）。事件触发，但按钮不压下。

在聚焦时按空格键而不是单击将按下按钮。（thx @Ineentho）是什么给出的？

注意：我已submitted this访问Chrome问题跟踪器

Answer 1

您可以使用一些javascript / jquery在悬停时取消对焦文本框，以便在单击时应用：active属性。

$("input[type=submit]").hover(function(){
     $(this).blur();
});

此外，您可以将css应用于：focus伪类，因此轮廓将始终不可见。

input[type=submit]:focus {outline:none;}

<强>更新

我认为没有Javascript hack就无法解决这个问题，所以这里有一个更简单的方法。只需使用这段代码：

$("input[type=submit]").bind("mousedown",function(e){
    return false;
});

Answer 2

查看提交的问题：Chrome Issue 240137刚刚合并到Chrome Issue 238560。

为@SzőkePéter提供临时解决方案的赏金。