메뉴 건너뛰기

조회 수 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
번호 제목 날짜 조회 수
227 opener 값전달, 함수실행.(자식창에서 부모창으로 값전달, 함수실행) 2021.03.26 1437
226 getYear(); 크롬, 파이어폭스 에서 제대로 작동 안하는 문제 2021.03.26 197
225 DTREE 트리구조 만들기 file 2021.03.26 851
224 페이지 이동 2021.03.26 190
223 default 매개변수(매개변수 기본값) 2021.03.26 199
222 자바스크립트에서 이벤트 중단 하는 방법 2021.03.25 319
221 현재 날짜, 시간 ( Month + 1 에 대해서 ) 2021.03.25 218
220 오브젝트 속성 2021.03.25 237
219 jqgrid 이용한 그리드 활용하기 file 2021.03.25 2287
218 HTML, Javscript - 선택한 색상으로 배경색 바꾸기(pallet 만들기) file 2021.03.09 710
217 Javascript - 입력받은 숫자를 순서대로 홀짝 별로 배열에 삽입하기 2021.03.09 302
216 Javascript - Free SVG 한국맵 제어 처리 file 2021.03.09 864
215 Javascript - form태그 내부 ajax처리시 2번 전송되는 현상 2021.03.09 266
214 javascript - vanillaJS로 체크박스(checkbox) 제어하기 file 2021.03.09 472
213 Javascript - 유효성 체크(이메일 정규식, IP 정규식, 비밀번호 등) 2021.03.09 718
212 Javascript - 사업자 등록번호 유효성 체크 file 2021.03.09 1088
211 Javascript - Calendar 달력 생성하고 제어하기 2021.03.09 511
210 Javascript - 입력한 년, 월의 마지막 날짜 구하기 2021.03.09 219
209 Javascript - 화면 캡처 후 서버에 저장하기(html2canvas 사용법, 주의사항) file 2021.03.09 2123
208 Javascript - 이미지 미리보기 회전되어 나옴(EXIF) file 2021.03.09 36160
Board Pagination Prev 1 2 3 4 5 6 7 8 9 10 ... 13 Next
/ 13

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

© k2s0o1d4e0s2i1g5n. All Rights Reserved