JSFiddle - React, Tailwind, and code Playground

by Ahmad Hasan

HTML

<form>
  <input id="target" type="text" value="Hello there">
</form>
<div id="other" >
  Trigger the handler
</div>

JavaScript

$("#target").keydown(function(e){
    if (e.keyCode == 37) { 
       alert( "left pressed" );
       return false;
    }else  if (e.keyCode == 39) { 
       alert( "right key pressed" );
         return false;
    }else  if (e.keyCode == 38) { 
       alert( "Up key pressed" );
         return false;
    }else  if (e.keyCode == 40) { 
       alert( "Down key pressed" );
         return false;
    }
});