Document: keyup event

번역 작업 진행 중입니다.

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

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

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

참고 : 입력 값의 변경에 대응하는 방법을 찾고 있다면 inputevent를 사용해야합니다 . keyup예를 들어 컨텍스트 메뉴의 텍스트를 텍스트 입력에 붙여 넣는 등의 일부 변경 사항은에서 감지 할 수 없습니다 .

Firefox 65부터 keyupCJKT 사용자의 브라우저 간 호환성을 개선하기 위해 keydown이벤트가 이제 IME 작성 중에 실행됩니다 (bug 354358, 자세한 내용 은 IME 작성 중에 keydown 및 keyup 이벤트가 시작 됩니다. 작성의 keyup일부인 모든 이벤트 를 무시하려면 다음과 같이 수행하십시오 (229는 keyCodeIME에 의해 처리 된 이벤트 관련에 대한 특수 값 세트입니다 ).

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

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

addEventListener 키업 예제

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

document.addEventListener ( 'keyup', logKey); 

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

onkeyup 해당

document.onkeyup = logKey;

명세서

사양 상태
Unknown Unknown

브라우저 호환성

Update compatibility data on GitHub
DesktopMobile
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewChrome for AndroidFirefox for AndroidOpera for AndroidSafari on iOSSamsung Internet
keyup eventChrome Full support 1Edge Full support 12Firefox Full support 14IE Full support 9Opera Full support 11.6Safari Full support 2WebView Android Full support 1Chrome Android Full support 18Firefox Android Full support 14Opera Android Full support 12Safari iOS Full support 1Samsung Internet Android Full support 1.0

Legend

Full support  
Full support

또한보십시오