Disable keyboard key

Question

I just want to disable the Enter key on the keyboard. The following script locks the whole keyboard down for some reason except for still allowing only the Enter key to be used.

If this helps pinpoint what's missing or wrong, I'm using V.S. 2005, VB.NET 2.0, and I.E. 7.

<meta http-equiv="content-type" content="text/html; charset=windows-1252">

<head>
    <meta http-equiv="content-type" content="text/html; charset=windows-1252">

    <script language="JavaScript">
    function TriggeredKey(e)
    {
        var keycode;
        if (window.event) keycode = window.event.keyCode;
        if (window.event.keyCode = 13 ) return false;
    }
    </script>
</head>
<body onkeydown="TriggeredKey(this)">

answer might be around the same, but question isn't duplicate. — Light93, Jul 21 '17 at 19:11
agree : this question is pure javascript whereas the proposed duplicate is jQuery — leguminator, Jul 06 '20 at 14:57

score 47 · Answer 1 · answered Aug 05 '09 at 21:00

47

If you have jQuery, try this:

$('html').bind('keypress', function(e)
{
   if(e.keyCode == 13)
   {
      return false;
   }
});

answered Aug 05 '09 at 21:00

Tyler Carter

60,743
20
130
150

Or you can fix your code with Jason's answer. I just prefer jQuery. – Tyler Carter Aug 05 '09 at 21:02
Thanks for the alternative option. – Cameron Aug 12 '09 at 18:10
I much prefer this answer and like the fact that you can replace 'html' with a more specific selector to enable more targeted disabling of the enter key (or any other key for that matter). – niczak Feb 08 '11 at 20:49
This works beautifully! – HerrimanCoder Jan 23 '15 at 18:43

score 22 · Answer 2 · edited Aug 05 '09 at 21:09

22

Your = should probably be an == (comparison vs. assignment)

if (window.event.keyCode == 13 ) return false;

edited Aug 05 '09 at 21:09

Russ Cam

124,184
33
204
266

answered Aug 05 '09 at 21:00

Jason Musgrove

3,574
19
14

Good catch, I missed that one! – C. Ross Aug 05 '09 at 21:08
I've tried this also and the enter button is still not disabled, although the rest of the keyboard is usable whereas most keys were locked before. Could there be an unknown network setting that's creating this incompatibility? I'm unfamiliar with JavaScript, but this seems like it should be simple and straightforward. – Cameron Aug 06 '09 at 15:24
2

@Cameron - apologies that this is a couple of years late ... you need to include a return statement when you specify your event handler to pass the returned value back to the event system: – Jason Musgrove Aug 15 '11 at 15:29
@JasonMusgrove You seriously just saved my life. Thank you! – lampwins Jan 30 '13 at 18:10

score 2 · Answer 3 · edited May 23 '17 at 10:31

2

I've used this code successfully.

function handleKeypress(e){

    e = e || window.event ;
    if (e == null){
        return false;
    }

    if (e.keycode == 13){
        CompleteEvent(e);
    }
}

function CompleteEvent(e){
    e.cancelBubble = true;
    e.returnValue = false;
}

Also I highly recommend using the new form of hook setting for javascript.

function setKeyHook()
{     
    var eventName = 'onkeydown';
    var handlerFunc = handleKeypress;


    body.detachEvent( eventName, handlerFunc );              

    body.attachEvent( eventName, handlerFunc );

}

onload = setKeyHook;

Good luck.

See this question for more information than you wanted. Kudos to Peter Bailey for teaching me.

edited May 23 '17 at 10:31

Community

1
1

answered Aug 05 '09 at 21:07

C. Ross

31,137
42
147
238

While I couldn't get this to work yet either, is there a missing { tag? Thanks for the code! I'll keep playing with this. It seems as if something else in my code or environment isn't playing nice. – Cameron Aug 06 '09 at 16:45
Yes there was. I've now fixed it. Sorry about that. – C. Ross Aug 06 '09 at 17:06
In the second part, I find it funny that to avoid writing `document.onkeydown=handler` you end up writing `window.onload=handler`! (you know `onload=` really means `this.onload=` and `this`, here, is the `window` object). Apart from this, thanks for the code. – FrancescoMM Sep 21 '17 at 07:51

CJ Goldshine · Answer 4 · 2013-12-29T21:14:45.660

1

This worked for me.

<meta http-equiv="content-type" content="text/html; charset=windows-1252">

<head>
<meta http-equiv="content-type" content="text/html; charset=windows-1252">

<script language="JavaScript">
function TriggeredKey(e)
{
    var keycode;
    if (window.event) keycode = window.event.keyCode;
    if (window.event.keyCode != 13 ) return false;
}
</script>
</head>
<body onkeydown="TriggeredKey(this)">

edited Dec 29 '13 at 21:14

answered Nov 28 '13 at 03:00

CJ Goldshine

135
1
2
11

1

You now just reversed it, the error actually was that = should've been == – BlueCacti Jan 23 '14 at 21:03
@GroundZero I thank you for the correction of my mistake and your javascript enlightenment. My mistake was due to an erroneous assumption that all commands on the line of `return false` line, were attached. The way I tested the code was by switching `return false;` with `return false; alert("!");`. However, the additional command was apparently regarded as an Else statement. – CJ Goldshine Jan 26 '14 at 00:40

score 1 · Answer 5 · edited May 03 '15 at 00:19

1

<script type="text/javascript">

function stopRKey(evt) {
  var evt = (evt) ? evt : ((event) ? event : null);
  var node = (evt.target) ? evt.target : ((evt.srcElement) ? evt.srcElement : null);
  if ((evt.keyCode == 13) && (node.type=="text"))  {return false;}
}

document.onkeypress = stopRKey;

</script>

add script between

edited May 03 '15 at 00:19

answered May 02 '15 at 22:04

Devin

33
1
2

Disable keyboard key

5 Answers5

Linked

Related