Skip welcome & menu and move to editor
Welcome to JS Bin
File
Add library
Share
Login or Register
Blog
Help
Load cached copy from
  • Run with JS
  • Save
  • Share
  • …
 
<!DOCTYPE html>
<html>
  <head>
    <meta charset=utf-8 />
    <title></title>
  </head>  
  <body>
  
   <div id="out1"></div>
    <div id="out2"></div>
    
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>    
    <script type="text/javascript">
      
      
      (function(){
        
        var downDown = false;
        var rightDown = false;
        var upDown = false;
        var leftDown = false;
        
        function onKeyUpDown(evt,isDown) {
          var keyCode = evt.keyCode;
          jQuery("#out1").html(keyCode);
          if (keyCode  == 40) { downDown = isDown;}
          else if (keyCode == 39) { rightDown = isDown;}
          else if (keyCode == 38) { upDown = isDown;}
          else if (keyCode == 37) { leftDown = isDown;}
        }
        
        jQuery(document).keydown( function(evt){onKeyUpDown(evt,true);}).keyup( function(evt){onKeyUpDown(evt,false);});
        
        window.setInterval(
          function(){
            var upDownTxt = upDown?"up":"-"; ;
            var downDownTxt = downDown?"down":"-";
            var leftDownTxt = leftDown?"left":"-";
            var rightDownTxt = rightDown?"right":"-";
            jQuery("#out2").html(upDownTxt + "<br/>" + downDownTxt + "<br/>" + leftDownTxt + "<br/>" + rightDownTxt );
          },
          100);
​
      })();
      
    </script>    
  </body>
</html>
​
Output 300px

You can jump to the latest bin by adding /latest to your URL

Dismiss x
public
Bin info
anonymouspro
0viewers