How to Disable Arrow Keys in JavaScript

[Babunaj]

Sponsored Links

Hello everyone, I am planning to make online Flash game site, most of the online flash game use arrow key to play although some browser like Firefox and internet explorer etc use the arrow keys to scroll down and up page. So therefore I am trying to create code to disable arrow keys through JavaScript.i have tried one code but this doesn’t helped me to disable. I have tried the below code:

<script type="text/javascript"> 
  function KeyPressHappened(e){ 
      if (!e) e=window.event;
      var key=e.charCode ? e.charCode : e.keyCode ? e.keyCode : 0; 
      if(key == 37 || key == 38 || key == 39 || key == 40) 
      { 
          e.preventDefault(); 
          return false; 
      } 
      return true; 
  } 
  document.onkeypress = KeyPressHappened;
</script>

So can anyone suggests is this code correct or what codes I need to add more on this. function Thanks in advance…

[Dwarner]

With help of onkeydown event handler you can solve this issue. The onkeydown event handler will specifies what should occur while press any key which Document object is in focus. So I would like to try below code on your website and then you can disable the arrow up/down key:

<script type = "text/javascript">
document.onkeydown = function(ev) {	
var key;
ev = ev || event;
key = ev.keyCode;
alert (key)
if(key == 37 || key == 38 || key == 39 || key == 40) {
//e.cancelBubble is supported by IE - this will kill the bubbling process.
ev.cancelBubble = true;
ev.returnValue = false;
}
}
</script>