javascript - 禁用输入按钮中的回车键

Question

如何禁用按钮中的回车键？

我正在制作一个游戏，您按下一个按钮，然后计数器对您按下的按钮进行计数并显示文本，问题是当您按住回车键时，计数器会快速上升...这是游戏:“http://gorillapps.net/games/Button-Clicker.html ”。

那么如何禁用 Javascript 中默认的按键操作呢？

Answer 1

document.getElementById("countButton").onkeydown = function(e){
if (e.which == 13) //13 is the keycode referring to enter.
    {
       e.preventDefault(); //this will prevent the intended purpose of the event. 
       return false; //return false on the event.
    }
}

这可以防止通过 Enter 执行按钮。

高级解决方案。只允许输入一次。用户必须放开输入按钮才能重置。

var enterPressed = 0;
document.getElementById("countButton").onkeydown = function(e){
    if (e.which == 13)
        {
        if (!enterPressed)
        {
            enterPressed = 1;
            return true;
        }
        else
        {
            e.preventDefault();
            return false;
        }


    }
}

document.getElementById("countButton").onkeyup = function(e){
    if (e.keyCode == 13)
    {
        enterPressed = 0;

    }
}

通常我会提倡使用 addEventListener，但是这是一个非常简单的网站，只有一个目的，内联事件在这里不是问题。