<!DOCTYPE html>
<head>
<style>
  body { padding: 30px; }
  span { color: #FF00FF; }
  b { color: #555555; }
  input { padding: 5px; border: 1px solid #AAAAAA; margin-bottom: 15px; }
</style>
<script type="text/javascript"
  src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js">
</script>
</head>
<body>

<span><b>Протестируйте :</b></span>
<hr />
Для событий <b>keypress</b> от клавиатуры и <b>mouseup</b> от мыши<br />
<input id="kpm" /><br />
Для событий <b>keydown</b> от клавиатуры<br />
<input id="kd" />

<script>
  $('#kpm').bind('keypress mouseup',function(event){
      $('span').html(event.type + ': ' + event.which );
    });
  $('#kd').keydown(function(event){
      $('span').html(event.type + ': ' + event.which );
    });
</script>

</body>

</html>