Don't like ads? PRO users don't see any ads ;-)
Guest

Untitled

By: a guest on Jun 26th, 2012  |  syntax: None  |  size: 1.13 KB  |  hits: 12  |  expires: Never
download  |  raw  |  embed  |  report abuse  |  print
Text below is selected. Please press Ctrl+C to copy to your clipboard. (⌘+C on Mac)
  1. Is there a quick way to attach an eventhandler on Enter or ESC keypressed with jQuery?
  2. $("$#textboxName").keyup(function(event)
  3.         {
  4.             if(event.keyCode == 13)
  5.             {
  6.                 //Enter keypress event.
  7.             }
  8.             if(event.keyCode == 27)
  9.             {
  10.                 //Escape keypress event.
  11.             }
  12.         });
  13.        
  14. $("$#textboxName").keyup(function(event)
  15.             {
  16.                 if(event.keyCode == 13 || event.keyCode == 27)
  17.                 {
  18.                     //Enter or Escape keypress event.
  19.                 }
  20.         });
  21.        
  22. (function($){
  23.     $.fn.extend({
  24.         handleKey: function(keyCode, handler) {
  25.             if ($.isFunction(handler))
  26.             {
  27.                 this.keyup((function(k, h){
  28.                     return function(evt){
  29.                         if (evt.keyCode == k)
  30.                         {
  31.                             h(evt);
  32.                         }
  33.                     };
  34.                 }
  35.                 })(keyCode, handler));
  36.             }
  37.         }
  38.     });
  39. })(jQuery);
  40.        
  41. $("input#Username").handleKey(13, function(evt){
  42.     // your functionality
  43. });