HTML/CSS/JAVASCRIPT 강의실

시삽: 레드플러스 님 
게시판 이동:
 제목 : 텍스트상자의 엔터키 이벤트 잡기
글번호: 262
작성자: 레드플러스
작성일: 2014/03/11 오전 11:23:00
조회수: 3113
파일: JavaScriptTextBoxEnterKey.png (125 KB) / 전송수: 1562
JavaScriptTextBoxEnterKey.png
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title>텍스트상자의 엔터키 이벤트 잡기</title>
    <script>
        function EnterKeyTest(event)
        {
            // 텍스트박스에 엔터키 입력시에만 반응
            if (event.which == 13 || event.keyCode == 13) {
                //alert(''엔터키 입력했군요.'');

                var txtInput = document.getElementById(''txtInput'');
                window.alert(txtInput.value);

                return false;
            }
            return true;
        }
    </script>
</head>
<body>

    <input type="text" id="txtInput"
           onkeypress="return EnterKeyTest(event)" />

</body>
</html>
 
이전 글   다음 글 삭제 수정 답변 글쓰기 리스트

(댓글을 남기려면 로그인이 필요합니다.)

관련 아티클 리스트
  제       목 파일 작성자 작성일 조회
이전글 브라우저 왼쪽/오른쪽 중간에 항상 고정된 텍스트/이미지 배치하기 ViewSwitcher.png(4 KB) 레드플러스 2014-04-15 3480
현재글 텍스트상자의 엔터키 이벤트 잡기 JavaScriptTextBoxEnterKey.png(125 KB) 레드플러스 2014-03-11 3113
다음글 Ajax Indicator 자동 생성 사이트 - 레드플러스 2014-03-11 2810
 
손님 사용자 Anonymous (손님)
로그인 Home