Skip welcome & menu and move to editor
Welcome to JS Bin
Load cached copy from
 
<!DOCTYPE html>
<html>
<head>
<script src="http://code.jquery.com/jquery-2.0.3.min.js"></script>
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
  <meta charset="utf-8">
  <title>JS Bin</title>
</head>
<body>
  <input id="keyPress" style="width:190px; height:30px; border:1px solid red;">KEYPRESS</>
  <input id="keyUp" style="width:190px; height:30px; border:1px solid red;">KEYUP</input>
</body>
  <input id="keyDown" style="width:190px; height:30px; border:1px solid red;">KEYDWON</input>
</body>
</html>
 
/* 
// JQUERY EVENTS
$('#keyPress').bind('keypress',function(e){
  console.log('KEY PRESS || KeyCode : ' + e.which || e.keyCode);
 });
 
 $('#keyUp').bind('keyup',function(e){
  console.log('KEY UP || KeyCode : ' + e.which || e.keyCode);
 });
 
 $('#keyDown').bind('keydown',function(e){
  console.log('KEY DOWN || KeyCode : ' + e.which || e.keyCode);
 }); */
// STANDER JAVASCRIPT EVENTS
document.getElementById('keyPress').addEventListener('keypress',function(e){
  console.log('KEY PRESS || KeyCode : ' + e.which || e.keyCode);
});
document.getElementById('keyUp').addEventListener('keyup',function(e){
  console.log('KEY UP || KeyCode : ' + e.which || e.keyCode);
});
document.getElementById('keyDown').addEventListener('keydown',function(e){
  console.log('KEY DOWN || KeyCode : ' + e.which || e.keyCode);
});
Output 300px

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

Dismiss x
public
Bin info
anonymouspro
0viewers