[JS] Key Event 처리하기

1. 엘레먼트에 엔터키 처리하기

$("input").keypress(function(event){
  if( event.keyCode == 13){
      alert("event Code");
  }
});

 

 

2. 텍스트박스에 숫자만 입력하도록 하기

/* 사용법

 * obj : 엘레먼트

 * default_value : 숫자가 아닌키가 입력되었을경우 변경할 값

 * event : 이벤트 오브젝트

 * <input type="tel" pattern="[0-9]*"onkeyup="checkNumberOnly(this, '', event);" />

 */

function checkNumberOnly(obj, default_value, event){
 var str = obj.value;
 var set_value = "";

 if ( default_value == undefined ) {
  default_value = "";
 }

 var key_code = event.keyCode;
 
 if(key_code == 0x10 || (key_code >= 0x25 && key_code <= 0x28) || (0x30 <= key_code && key_code <= 0x39) || (0x60 <= key_code && key_code <= 0x69) || key_code == 0x08 || key_code == 0x2E || key_code == undefined ){ //shift나 방향키나 숫자키일때 리턴
  return;
 }

 for(var i=0;i<str.length;i++){
  var c = str.charCodeAt(i);
  if( 0x30 <= c && c <= 0x39 ){
   set_value += str.charAt(i);
  }
 }
 
 if(set_value == ""){
  set_value = default_value+"";
 }

 obj.value = parseInt(set_value, 10);
}