onkeyup 이벤트

DOM 이벤트 KeyboardEvent

정의와 사용법

onkeyup 이벤트는 사용자가 키를 방출할 때(키보드에서) 발생합니다.

ヒント:onkeyup 이벤트와 관련된 이벤트 순서:

  1. onkeydown
  2. onkeypress
  3. onkeyup

예제

예제 1

사용자가 키를 방출할 때 JavaScript를 실행합니다:

<input type="text" onkeyup="myFunction()">

직접 시도해 보세요

예제 2

"onkeydown"과 "onkeyup" 이벤트를 함께 사용합니다:

<input type="text" onkeydown="keydownFunction()" onkeyup="keyupFunction()">

직접 시도해 보세요

예제 3

실제로 텍스트 필드에서 방출된 키를 출력합니다:

이름을 입력하세요: <input type="text" id="fname" onkeyup="myFunction()">
<script>
function myFunction() {
  var x = document.getElementById("fname").value;
  document.getElementById("demo").innerHTML = x;
}
</script>

직접 시도해 보세요

문법

HTML에서:

<element onkeyup="myScript">

직접 시도해 보세요

JavaScript에서:

object.onkeyup = function(){myScript};

직접 시도해 보세요

JavaScript에서 addEventListener() 메서드를 사용하여:

object.addEventListener("keyup", myScript);

직접 시도해 보세요

주의사항:Internet Explorer 8 이상 버전에서 지원되지 않습니다 addEventListener() 메서드。

기술적인 세부 사항

버블링: 지원
취소 가능: 지원
이벤트 타입: KeyboardEvent
지원되는 HTML 태그: 모든 HTML 요소 중에서 <base>, <bdo>, <br>, <head>, <html>, <iframe>, <meta>, <param>, <script>, <style> 및 <title>를 제외한 것
DOM 버전: 레벨 2 이벤트

브라우저 지원

이벤트 크롬 IE 파이어폭스 사파리 오페라
onkeyup 지원 지원 지원 지원 지원
DOM 이벤트 KeyboardEvent