javascript - Using prevent default to take over spacebar - Stack Overflow

admin管理员组

文章数量:1345107

I have some code like this to take over the space bar's function:

    $(document).keypress(function (e) { 
        e.preventDefault();                            
        if (e.which == 32) {
            // func
        }
    }); 

Unfortunately this destroys all key's defaults.

This:

    $(document).keypress(function (e) { 
        if (e.which == 32) {
            e.preventDefault();
            // func
        }
    }); 

Is unfortunately ineffective.

How can I make it preventDefault of only spacebar?

Thanks.

I have some code like this to take over the space bar's function:

    $(document).keypress(function (e) { 
        e.preventDefault();                            
        if (e.which == 32) {
            // func
        }
    }); 

Unfortunately this destroys all key's defaults.

This:

    $(document).keypress(function (e) { 
        if (e.which == 32) {
            e.preventDefault();
            // func
        }
    }); 

Is unfortunately ineffective.

How can I make it preventDefault of only spacebar?

Thanks.

• javascript
• jquery

Share Improve this question Follow edited Jun 2, 2009 at 15:27 Jonathan Fingland 57.2k1111 gold badges8787 silver badges7979 bronze badges asked Jun 2, 2009 at 15:20 JourkeyJourkey 1

• The main issue is that you need to watch for keydown with spacebar instead of keyup. – ggedde Commented Oct 21, 2023 at 2:48

Add a ment  | 

3 Answers 3

Sorted by: Reset to default 4

Try this:

//e= e || window.event); you may need this statement to make sure IE doesn't keep the orginal event in motion
var code;  
if (e.keyCode) {
 code = e.keyCode;
} else if (e.which) {
 code = e.which;
 }
if (code == 32) {
 if (e.stopPropagation) {
 e.stopPropagation();
 e.preventDefault();
 }
 return false;
}

For some above things like the use of $ might be confusing a bit. So I am posting my answer with javascript code. Add this in any file to block spacebar (or you can also add other actions) .

window.onkeydown = function (event) {
    if (event.keyCode === 32) {
        event.preventDefault();
    }
};

Keycode 32 is the spacebar. For other keycodes, check this site:

http://www.javascripter/faq/keycodes.htm

Good luck

Try

$(document).keydown(function(e){<br>
    if(e.which==32) e.preventDefault();<br>
});

I use it for blocking Esc key and works fine for me.

本文标签： javascriptUsing prevent default to take over spacebarStack Overflow