jquery-keyevents's Introduction

JQuery keyEvents

[jquery-keyEvents] jQuery keyEvents

Bower install de dependency

$ bower install jquery-keyevents --save

HTML Page include

<script src="bower_components/jquery-keyevents/dist/jquery-keyevents.min.js"></script>

Creating KeyEvents

$(document).ready(function() {
    
  	$(document).keyEvents({
  		'37': function(){
  		    console.log('L');
  		},
  		'39': function(){
  		    console.log('R');
  		}
  	});
    
});

$(document).ready(function() {
    
  	$(document).keyEvents({
      'backspace': function(){
  		    console.log('You pressed backspace');
  		},
      'delete': function(){
  		    console.log('You pressed delete');
  		},
      'insert': function(){
  		    console.log('You pressed insert');
  		},
      'home': function(){
  		    console.log('You pressed home');
  		},
      'end': function(){
  		    console.log('You pressed end');
  		},
      'page-up': function(){
  		    console.log('You pressed page-up');
  		},
      'page-down': function(){
  		    console.log('You pressed page-down');
  		},
      'esc': function(){
  		    console.log('You pressed esc');
  		},
      'tab': function(){
  		    console.log('You pressed tab');
  		},
      'caps-lock': function(){
  		    console.log('You pressed caps lock');
  		},
      'shift': function(){
  		    console.log('You pressed shift');
  		},
      'ctrl': function(){
  		    console.log('You pressed ctrl');
  		},
      'alt': function(){
  		    console.log('You pressed alt');
  		},
      'alt-gr': function(){
  		    console.log('You pressed alt gr');
  		},
      'enter': function(){
  		    console.log('You pressed enter');
  		},
      'left': function(){
  		    console.log('You pressed left');
  		},
      'right': function(){
  		    console.log('You pressed right');
  		},
      'up': function(){
  		    console.log('You pressed up');
  		},
      'down': function(){
  		    console.log('You pressed down');
  		},
  		'callback': function(key){
  		    console.log('You pressed key ' + key);
  		}
  	});
    
});

Recommend Projects