'키 이벤트'에 해당되는 글 2건

  1. 2009.02.06 자바스크립트에서 Enter(엔터) Key Event 처리하기
  2. 2009.02.06 Javascript Key Event Test Script
2009. 2. 6. 11:51

자바스크립트에서 Enter(엔터) Key Event 처리하기

출처 : http://kin.naver.com/knowhow/entry.php?d1id=8&dir_id=8&eid=pm1JmfM1XPZhs1Ud/c9xUA3LBngl6ixM&qb=amF2YXNjcmlwdCBrZXkgZXZlbnQgw7O4rg==&pid=fhp%2BCwoi5T0sstinLnVsss--334278&sid=SYp@k09bikkAAG2Z6-8

Key event 추가

 

enter
<script>

/* ======================================================================
  Function :  Data Search
  Param   :  elm
  Return   :  없음
======================================================================== */
function searchData(){
 ...........
 ...........
}
/* ======================================================================
  Function :  handleEnter
  Param   :  elm
  Return   :  없음
======================================================================== */
function handleEnter (field, event) {
    var keyCode = event.keyCode ? event.keyCode : event.which ? event.which : event.charCode;
    if (keyCode == 13) {
            searchData();
    }else
          return true;
}

</script>

 

1. 자바 스크립트 안에 핸들러 함수 추가!!

 

2. 커서가 이동되어 있는 곳...즉 키워드를 치고 활성화 상태에서 엔터를 치고 싶은 곳에 <<  onKeyDown >>를 이용   event를 처리해준다. Enter같은경우 13 번으로 처리!!

 

3. 위의 두가지 방법중 하나로 구현하면 땡!!!


2009. 2. 6. 11:40

Javascript Key Event Test Script

링크 : http://unixpapa.com/js/testkey.html

링크 : http://unixpapa.com/js/key.html

자바스크립트 키 이벤트 발생 내역 체크 테스트 사이트
자바스크립트 키 이벤트 내역 및 KeyCode를 확인할 수 있는 사이트,
바코드 스캐너 등을 통하여 키 이벤트 발생 내역을 체크할 때 유용하다.