Document: keyup event

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

거품
취소 가능
상호 작용 KeyboardEvent (en-US)
이벤트 핸들러 속성 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 (en-US) 값을 기록합니다.

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

브라우저 호환성

BCD tables only load in the browser

또한보십시오