<button> 防止“空格”点击答案

【问题标题】：<button> prevent 'space' click<button> 防止“空格”点击
【发布时间】：2018-01-26 01:44:34
【问题描述】：

我有一个<button>，它是通过按我不想要的“空格键”激活的，所以我使用了e.preventDefault();，它也禁用了 “点击”事件，但“按钮”在视觉上保持“按下”状态。有什么解决办法吗？使用e.stopPropagation(); 完全没有效果。

$("#but").click(function(event){
  event.preventDefault();
 });


$("#foo").click(function(){
 alert("Button stay 'pressed' until close the alert!");
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="foo">
  <button id="but">button</button>
</div>

【问题讨论】：

恐怕你的问题很难理解，所以人们很难帮助你，你的问题很可能会被关闭。如果你能提供一些代码，最好在 jsFiddle 或类似的地方复制问题并澄清问题，它将帮助你得到答案。
添加了一些代码。

标签： jquery html events button

【解决方案1】：

如果您想将已被“点击”的按钮设置为看起来没有被点击的样式，您可以在您的 CSS 中使用 :active。例如

button:active { // reset the 'pressed' styles here. }

【讨论】：