onkeypress 속성은 키보드 이벤트 입니다. 

사용자가 키를 누르고 실행할때(키를 클릭한 시점)에 스크립트를 실행합니다.


1
2
3
4
5
6
7
8
9
10
11
<script type="text/javascript">
<!--
  function eventonkeypress() {
    alert("사용자가 키를 누르고 키를 실행하였습니다.");
  }
-->
</script>
</head>
<body>
  <input name="test" onkeypress="eventonkeypress()">
</body>
cs

와 같이 만듭니다.


위의 소스를 응용해서 사용자가 엔터키를 눌렀을때 발생하도록 하겠습니다.


1
2
3
4
5
6
7
8
9
10
11
12
13
<script type="text/javascript">
<!--
  function eventonkeypress() {
    if (event.keyCode==13) {
            alert("사용자가 키를 누르고 키를 실행하였습니다.");
        }   
  }
-->
</script>
</head>
<body>
  <input name="test" onkeypress="eventonkeypress()">
</body>
cs


저작자표시

'Front-End > JavaScript' 카테고리의 다른 글

아이폰에서 width 항상 동일하게 나올때 처리 방법  (0) 2018.03.28
클릭시 페이지 최상단으로 이동 방법  (0) 2018.03.27
json형태의 object object 출력 방법  (1) 2018.02.22
jquery - select option 선택값 가져오기  (0) 2018.01.17
function (e)  (0) 2017.12.13

+ Recent posts

티스토리툴바