主页 / 问题 / 1343642
Accepted
Alexandr_Yakovlev
Asked:2022-03-30 01:54:19 +0000 UTC2022-03-30 01:54:19 +0000 UTC

在Firefox中单击空格键时触发“单击”事件

  • 772

我有一个按钮，当单击它时，它会执行某种功能。所以如果我点击空格键，这个事件也会发生。应用 preventDefault() - 不起作用。这种现象只发生在火狐浏览器中。

HTML

<button class="btn-start">Начать</button>

JS

const btn = document.querySelector('.btn-start');

btn.addEventListener('click', () => console.log('Hello, world!'));
javascript

2 个回答

  1. Best Answer

    而在firefox和chrome中，如果焦点当前在按钮上，就会有这样的效果。如果我们假设你首先点击了鼠标，那么空格或回车。你可以像这样避免它：

    btn.addEventListener('keydown',e=>{
    e.preventDefault();
})

    您还可以从按钮中移除焦点：

     btn.addEventListener('focus', function() {
        this.blur();
 })
    • 1

  2. 该问题不会在我尝试过的任何浏览器中重现。问题可能出在已安装的扩展或页面代码的其余部分中。

    • 0

相关问题