禁用输入键按下类型按钮

时间:2015-02-09 14:03:12

标签: javascript html

如何禁用按钮进入按下?

我正在制作一个游戏,你按下一个按钮,然后一个计数器计数你按下并显示文本,问题是当你按住回车键时计数器快速上升...这是游戏:&# 34; http://gorillapps.net/games/Button-Clicker.html"

那么如何禁用Javascript默认的按键?

2 个答案:

答案 0 :(得分:2)

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.
    }
}

这可以通过输入来阻止按钮的执行。

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

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,但这是一个简单的网站,只有一个目的,内联事件在这里不是问题。

答案 1 :(得分:0)

您可以尝试以下代码:

$('#yourButtonId').keypress(function(event) {
    if (event.which == 13) {
        event.preventDefault();
    }
});

希望这会有所帮助。