[ JavaScript_JS ] 단축키 지정 - Shortcuts

http://www.openjs.com/scripts/events/keyboard_shortcuts/

// 키코드
http://unixpapa.com/js/key.html

// 등록
<script src="/_js/shortcut.js" type="text/javascript"></script>

// 지정하기 (Alt + 1)

shortcut.add("Alt+1", function(){
    location.href = "http://mooki83.da.to";
}, {
    'type' : 'keydown',
 
    // EVNET TYPE - 'keydown', 'keyup', 'keypress'
    // 기본값은 'keydown'
 
    'disable_in_input' : true,
    // input, textarea에 포커스되어있을 경우 작동하지 않도록 설정
    // 기본값은 false
 
    'propagate' : true,
    // Allow the event to propagate?
    // 기본값은 false
 
    'target' : document,
    // 타겟 Element 지정
    // 기본값은 document
 
    'keycode' : '65',
    // 키코드를 직접 지정
})

// 해제하기

shortcut.remove("Alt+1");

shortcuts.js

/**
 * http://www.openjs.com/scripts/events/keyboard_shortcuts/
 * Version : 2.01.B
 * By Binny V A
 * License : BSD
 */
shortcut = {
   'all_shortcuts':{},//All the shortcuts are stored in this array
   'add': function(shortcut_combination,callback,opt) {
      //Provide a set of default options
      var default_options = {
         'type':'keydown',
         'propagate':false,
         'disable_in_input':false,
         'target':document,
         'keycode':false
      }
      if(!opt) opt = default_options;
      else {
         for(var dfo in default_options) {
            if(typeof opt[dfo] == 'undefined') opt[dfo] = default_options[dfo];
         }
      }

      var ele = opt.target;
      if(typeof opt.target == 'string') ele = document.getElementById(opt.target);
      var ths = this;
      shortcut_combination = shortcut_combination.toLowerCase();

      //The function to be called at keypress
      var func = function(e) {
         e = e || window.event;
         
         if(opt['disable_in_input']) { //Don't enable shortcut keys in Input, Textarea fields
            var element;
            if(e.target) element=e.target;
            else if(e.srcElement) element=e.srcElement;
            if(element.nodeType==3) element=element.parentNode;

            if(element.tagName == 'INPUT' || element.tagName == 'TEXTAREA') return;
         }
   
         //Find Which key is pressed
         if (e.keyCode) code = e.keyCode;
         else if (e.which) code = e.which;
         var character = String.fromCharCode(code).toLowerCase();
         
         if(code == 188) character=","; //If the user presses , when the type is onkeydown
         if(code == 190) character="."; //If the user presses , when the type is onkeydown

         var keys = shortcut_combination.split("+");
         //Key Pressed - counts the number of valid keypresses - if it is same as the number of keys, the shortcut function is invoked
         var kp = 0;
         
         //Work around for stupid Shift key bug created by using lowercase - as a result the shift+num combination was broken
         var shift_nums = {
            "`":"~",
            "1":"!",
            "2":"@",
            "3":"#",
            "4":"$",
            "5":"%",
            "6":"^",
            "7":"&",
            "8":"*",
            "9":"(",
            "0":")",
            "-":"_",
            "=":"+",
            ";":":",
            "'":""",
            ",":"<",
            ".":">",
            "/":"?",
            "":"|"
         }
         //Special Keys - and their codes
         var special_keys = {
            'esc':27,
            'escape':27,
            'tab':9,
            'space':32,
            'return':13,
            'enter':13,
            'backspace':8,
   
            'scrolllock':145,
            'scroll_lock':145,
            'scroll':145,
            'capslock':20,
            'caps_lock':20,
            'caps':20,
            'numlock':144,
            'num_lock':144,
            'num':144,
            
            'pause':19,
            'break':19,
            
            'insert':45,
            'home':36,
            'delete':46,
            'end':35,
            
            'pageup':33,
            'page_up':33,
            'pu':33,
   
            'pagedown':34,
            'page_down':34,
            'pd':34,
   
            'left':37,
            'up':38,
            'right':39,
            'down':40,
   
            'f1':112,
            'f2':113,
            'f3':114,
            'f4':115,
            'f5':116,
            'f6':117,
            'f7':118,
            'f8':119,
            'f9':120,
            'f10':121,
            'f11':122,
            'f12':123
         }
   
         var modifiers = { 
            shift: { wanted:false, pressed:false},
            ctrl : { wanted:false, pressed:false},
            alt  : { wanted:false, pressed:false},
            meta : { wanted:false, pressed:false}   //Meta is Mac specific
         };
                        
         if(e.ctrlKey)   modifiers.ctrl.pressed = true;
         if(e.shiftKey)   modifiers.shift.pressed = true;
         if(e.altKey)   modifiers.alt.pressed = true;
         if(e.metaKey)   modifiers.meta.pressed = true;
                        
         for(var i=0; k=keys[i],i<keys.length; i++) {
            //Modifiers
            if(k == 'ctrl' || k == 'control') {
               kp++;
               modifiers.ctrl.wanted = true;

            } else if(k == 'shift') {
               kp++;
               modifiers.shift.wanted = true;

            } else if(k == 'alt') {
               kp++;
               modifiers.alt.wanted = true;
            } else if(k == 'meta') {
               kp++;
               modifiers.meta.wanted = true;
            } else if(k.length > 1) { //If it is a special key
               if(special_keys[k] == code) kp++;
               
            } else if(opt['keycode']) {
               if(opt['keycode'] == code) kp++;

            } else { //The special keys did not match
               if(character == k) kp++;
               else {
                  if(shift_nums[character] && e.shiftKey) { //Stupid Shift key bug created by using lowercase
                     character = shift_nums[character]; 
                     if(character == k) kp++;
                  }
               }
            }
         }
         
         if(kp == keys.length && 
                  modifiers.ctrl.pressed == modifiers.ctrl.wanted &&
                  modifiers.shift.pressed == modifiers.shift.wanted &&
                  modifiers.alt.pressed == modifiers.alt.wanted &&
                  modifiers.meta.pressed == modifiers.meta.wanted) {
            callback(e);
   
            if(!opt['propagate']) { //Stop the event
               //e.cancelBubble is supported by IE - this will kill the bubbling process.
               e.cancelBubble = true;
               e.returnValue = false;
   
               //e.stopPropagation works in Firefox.
               if (e.stopPropagation) {
                  e.stopPropagation();
                  e.preventDefault();
               }
               return false;
            }
         }
      }
      this.all_shortcuts[shortcut_combination] = {
         'callback':func, 
         'target':ele, 
         'event': opt['type']
      };
      //Attach the function with the event
      if(ele.addEventListener) ele.addEventListener(opt['type'], func, false);
      else if(ele.attachEvent) ele.attachEvent('on'+opt['type'], func);
      else ele['on'+opt['type']] = func;
   },

   //Remove the shortcut - just specify the shortcut and I will remove the binding
   'remove':function(shortcut_combination) {
      shortcut_combination = shortcut_combination.toLowerCase();
      var binding = this.all_shortcuts[shortcut_combination];
      delete(this.all_shortcuts[shortcut_combination])
      if(!binding) return;
      var type = binding['event'];
      var ele = binding['target'];
      var callback = binding['callback'];

      if(ele.detachEvent) ele.detachEvent('on'+type, callback);
      else if(ele.removeEventListener) ele.removeEventListener(type, callback, false);
      else ele['on'+type] = false;
   }
}