keyup event and check the key code

Syntax


.keyup(handler)             
.keyup()

handler: A function to execute each time the event is triggered

Return value

The jQuery object, for chaining purposes.

Description

Bind an event handler to the keyup JavaScript event, or trigger that event on an element.

.keyup(handler) is a shortcut for .bind('keyup', handler). .keyup() is a shortcut for .trigger('keyup').

We can trigger the event manually when another element is clicked.


$('#other').click(function() {

 $('#target').keyup();

});

 
<html>
  <head>
    <script src="http://java2s.com/Book/JavaScriptDemo/jQuery/jquery-1.8.0.min.js"></script>
    <script type="text/javascript">
        $(document).ready(function(){
            $("input").keyup(function (e) {
               if (e.which > 65 ) {
                 alert(e.which);
               }
            });
        });
    </script>
  </head>
  <body>
    <body>
     <input type="text" />
    </body>
</html>

Click to view the demo

Key up event and get the typed value

 
<html>
  <head>
    <script src="http://java2s.com/Book/JavaScriptDemo/jQuery/jquery-1.8.0.min.js"></script>
    <script type="text/javascript">
        $(document).ready(function(){
           $("input").keyup(function () {
             var value = $(this).val();
             $("div").text(value);
           }).keyup();
        });
    </script>
  </head>
  <body>
    <body>
      <input type="text" value="some text"/>
      <div></div>
  </body>
</html>

Click to view the demo

Home
JavaScript Book
jQuery

Event: