최신 웹 개발 튜토리얼
 

onKeyUp에 이벤트

<이벤트 객체

예

사용자가 키를 놓을 때 자바 스크립트를 실행합니다 :

<input type="text" onkeyup="myFunction()">
»그것을 자신을 시도

더 "Try it Yourself" 아래의 예.

정의 및 사용

사용자가 (키보드) 키를 놓을 때 onKeyUp에 이벤트가 발생합니다.

Tip: 가 onkeyup 이벤트와 관련된 이벤트의 순서 :

  1. onKeyDown에
  2. 때 onKeyPress
  3. onKeyUp에

브라우저 지원

행사
onkeyup 예 예 예 예 예

통사론

HTML에서 :

< »그것을 자신을 시도

자바 스크립트에서 :

object .onkeyup=function(){ »그것을 자신을 시도

자바 스크립트는 사용 addEventListener() 메서드를 :

object .addEventListener("keyup", myScript );
»그것을 자신을 시도

참고 : addEventListener() 메서드는 인터넷 익스플로러 8 이전 버전에서는 지원되지 않습니다.

기술적 세부 사항

거품 : 예
취소 가능 : 예
이벤트 유형: KeyboardEvent입니다
지원되는 HTML 태그 : <기본>, <BDO>로 <br>, <머리>, <HTML>, <iframe을>, <메타>, <PARAM>, <스크립트>, <스타일>, 그리고 : 제외한 모든 HTML 요소, <title>
DOM 버전 : 레벨 2 이벤트
예

더 예

예

사용 "onkeydown" 함께와 "onkeyup" 이벤트 :

<input type="text" onkeydown="keydownFunction()" onkeyup="keyupFunction()">
»그것을 자신을 시도

예

출력 텍스트 필드 내에서 출시 된 실제 키 :

Enter your name: <input type="text" id="fname" onkeyup="myFunction()">

<script>
function myFunction() {
    var x = document.getElementById("fname").value;
    document.getElementById("demo").innerHTML = x;
}
</script>
»그것을 자신을 시도
<이벤트 객체