Tutorial – Disabling Keyboard Keys with JavaScript

Have you ever wanted to disable a key from being pressed while people are viewing your website?  Well with JavaScript it is actually pretty easy to do.  Here’s the JavaScript that will do everything for you, well almost everything…

document.onkeydown = function (e) {
	if(e.which == 9){
		return false;
	}
}

That’s it that’s all it takes. It is really that simple, now you’re probably wondering what key this blocks. Right now it blocks the Tab key which is 9 in the code.

Here’s a list of the keyboard keys so you can change it to what you want:

backspace  8
tab  9
enter  13
shift  16
ctrl  17
alt  18
pause/break  19
caps lock  20
escape  27
page up  33
page down  34
end  35
home  36
left arrow  37
up arrow  38
right arrow  39
down arrow  40
insert  45
delete  46
0 48
1 49
2 50
3 51
4 52
5 53
6 54
7 55
8 56
9 57
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
left window key  91
right window key  92
select key  93
numpad 0  96
numpad 1  97
numpad 2  98
numpad 3  99
numpad 4  100
numpad 5  101
numpad 6  102
numpad 7  103
numpad 8  104
numpad 9  105
multiply  106
add  107
subtract  109
decimal point  110
divide  111
f1  112
f2  113
f3  114
f4  115
f5  116
f6  117
f7  118
f8  119
f9  120
f10  121
f11  122
f12  123
num lock  144
scroll lock  145
semi-colon  186
equal sign  187
comma  188
dash  189
period  190
forward slash  191
grave accent  192
open bracket  219
back slash  220
close braket  221
single quote  222

Leave a Reply