메뉴 건너뛰기

조회 수 7011 추천 수 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
번호 제목 날짜 조회 수
87 이클립스 실행할때 자신이 원하는 JDK 지정하는 방법 file 2016.09.11 5439
86 자바스크립트, javascript, 간단한 파일 확장자 검사후 retur 2014.03.01 5434
85 htaccess 자동으로 만들어주는 사이트 2016.09.11 5423
84 check_inputbox.js 2014.03.01 5407
83 fckeditor 2.6.6 엄청 편해졌네 file 2014.03.01 5403
82 자바스크립트 변수,함수,객체의 표현 2016.12.22 5376
81 input에 background-image 이벤트 2014.03.01 5356
80 영문, 숫자, 한글, 이메일 체크 하는 함수 2014.03.01 5292
79 디자이너를 위한 레이어 탭 더 빠르게 만들기 2016.09.11 5266
78 이미지나 태그정렬이 안맞을때 absmiddle 2014.03.01 5238
77 HTML 화면을 PDF로 출력 file 2019.01.08 5223
76 이메일 체크하기 2014.03.01 5205
75 다음 우편번호(주소) api 예시 file 2018.07.04 4908
74 SelectBox에서 선택된 항목의 텍스트, 값 가져오기 선택 옵션 넣기. 2018.07.04 4014
73 스마트에디터(SmartEditor)에서 textarea 유효성 체크하기 2018.07.04 4003
72 자바스크립트 배열 중복값 다루기 2018.10.27 3898
71 Alert, Confirm을 모달 팝업으로 만들기 file 2021.03.09 3897
70 utf-8일때 alert 한글 깨짐 해결 2021.03.26 3580
69 엑셀처럼 td 사이즈 조절하기 2019.01.16 3402
68 JavaScript 출생년도에 따른 나이 계산 자바스크립트 2018.09.28 3252
Board Pagination Prev 1 ... 4 5 6 7 8 9 10 11 12 13 Next
/ 13

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

© k2s0o1d4e0s2i1g5n. All Rights Reserved