Document: keyup event

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.

keyup키를 놓을 때 이벤트가 발생합니다.

거품
취소 가능
상호 작용 KeyboardEvent
이벤트 핸들러 속성 onkeyup

keydownkeyup이벤트는 어떤 키를 눌렀는지 나타내는 코드를 제공하고 keypress 는 입력 된 문자를 나타냅니다. 예를 들어, 소문자 "a"는 keydownkeyup에서는 65로 보고되지만 keypress에서는 97로 보고됩니다. 모든 이벤트에서 대문자 "A"는 65로 보고됩니다.

참고 : 입력 값의 변경에 대응하는 방법을 찾고 있다면 [input event](/ko/docs/Web/API/HTMLElement/input_event)를 사용해야합니다. keyup 예를 들어 컨텍스트 메뉴의 텍스트를 텍스트 입력에 붙여 넣는 등의 일부 변경 사항은에서 감지 할 수 없습니다.

js
eventTarget.addEventListener("keyup", (event) => {
  if (event.isComposing || event.keyCode === 229) {
    return;
  }
  // 무언가를 합니다
});

이 예에서는 키를 놓을 때마다 KeyboardEvent.code 값을 기록합니다.

addEventListener 키업 예제

html
<p>먼저 IFrame에 초점을 맞춘 다음 (예 : 클릭하여) 몇 가지 키를 눌러보십시오.</p>
<p id="log"></p>
js
const log = document.getElementById("log");

document.addEventListener("keyup", logKey);

function logKey(e) {
  log.textContent += ` ${e.code}`;
}

onkeyup 해당

js
document.onkeyup = logKey;

명세서

Specification
UI Events
# event-type-keyup
HTML
# handler-onkeyup

브라우저 호환성

Report problems with this compatibility data on GitHub
desktopmobile
Chrome
Edge
Firefox
Opera
Safari
Chrome Android
Firefox for Android
Opera Android
Safari on iOS
Samsung Internet
WebView Android
WebView on iOS
keyup event

Legend

Tip: you can click/tap on a cell for more information.

Full support
Full support

같이 보기