메뉴 건너뛰기

조회 수 7001 추천 수 0 댓글 0
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄

<input type="text"> 또는 <textarea> 에서 키보드 이벤트를 처리하는 방법은 다음과 같다.



<input type="text" id="test" name="test" onkeypress="return handleEnter(this, event, 1)">


<script language=JavaScript>

function handleEnter (field, event, num) {
    // 눌려진 키 코드를 가져온다.
    var keyCode = event.keyCode ? event.keyCode : event.which ? event.which : event.charCode;   

    // Enter 키가 눌린 경우

               if (keyCode == 13) {
                   event.keyCode = null;

   if(num == 1){
       // 엔터키가 눌렸을 때 처리할 코드
   }

}

}

</script>


'test' 라는 텍스트박스 컨트롤에서 onkeypress이벤트의 처리 함수로 handleEnter()를 호출한다. 

handleEnter()함수의 입력 파라메터는 this, event, 1 이다. 


this는 이벤트를 발생시킨 객체 자신을 나타내는 것이고, 

event는 입력된 키보드 키 값을 가져올 때 사용한다. 

1은 해당 객체를 프로그램 상에서 다른 객체와 구별하기 위한 구별자이다(즉, 유일해야 한다.)


List of Articles
번호 제목 날짜 조회 수
127 배너 램덤으로 부여주기 2014.03.01 5911
126 주민등록번호 체크 file 2014.03.01 5921
125 도메인 체크 2016.12.22 5928
124 iframe을 리로드 하자! 2014.03.01 5933
123 버튼 삭제 2015.02.03 5951
122 함수의 arguments 를 이름(key)으로 접근하기 2016.09.21 5976
121 iframe 자동 리사이즈 2014.03.01 5992
120 새로고침(F5) 금지 2018.03.28 6001
119 부드럽게 페이지 이동하기 2016.09.11 6003
118 셀렉트(select) change 이벤트 (split) 2016.12.23 6009
117 엔코딩/디코딩 함수 2016.09.21 6033
116 'open', 새창을 열어보자! file 2015.02.03 6036
115 input 테그안의 숫자 3자리 마다 콤마 찍기 2014.03.01 6074
114 해상도에 따라 배경 바꾸기 2014.03.01 6083
113 구구단 반복문,조건문 변경해서 만들기 2016.09.11 6091
112 현재시간 기준 날짜 계산 2016.09.21 6103
111 유효성 검사, 모든 폼에 값이 입력되도록 해보자! file 2015.02.03 6125
110 textarea의 글자수 제한 2014.02.27 6161
109 JDK6 (Java SE Development Kit 6)이하 버전 다운로드 주소 file 2016.09.11 6165
108 자바스크립트로 네트워크 연결 확인하기 (Navigator onLine Property) file 2015.06.19 6197
Board Pagination Prev 1 2 3 4 5 6 7 8 9 10 11 ... 13 Next
/ 13

하단 정보를 입력할 수 있습니다

© k2s0o1d4e0s2i1g5n. All Rights Reserved