js onkeypress와 onkeydown 이벤트의 차이점에 대한 자세한 설명_기본지식
onkeypress와 onkeydown에는 차이가 있습니다. onkeypress와 onkeydown 이벤트의 차이점은 아래에서 설명하겠습니다.
onkeypress 이벤트는 사용자가 영숫자 키를 눌렀다 놓을 때 발생합니다. 하지만 시스템 버튼(예: 화살표 키, 기능 키)은 인식되지 않습니다.
onkeydown 이벤트는 사용자가 시스템 버튼을 포함하여 키보드 키를 누를 때 발생합니다.
구체적인 차이점:
1. 하나는 해제되고 다른 하나는 해제되지 않고, onkeypress보다 먼저 onkeydown이 발생합니다.
2.onkeypress는 시스템 버튼을 사용할 수 없습니다.
2. onkeydown으로 캡처한 keyCode는 글자 크기를 구분하지 않지만 onkeypress는 구분합니다.
onkeypress는 사용자가 영숫자 키를 눌렀다 놓을 때 발생합니다. 시스템 버튼(예: 화살표 키, 기능 키)이 인식되지 않습니다.
onkeyup은 사용자가 이전에 누른 키보드 키를 놓을 때 발생합니다.
onkeydown은 사용자가 키보드 키(화살표 키, 기능 키와 같은 시스템 버튼 포함)를 누를 때 발생합니다.
onkeypress
Microsoft® Internet Explorer 4.0부터 onkeypress 이벤트는 다음 키에 대해 실행되고 취소될 수 있습니다.
문자: A - Z(대문자 및 소문자)
숫자: 0 - 9
기호: ! @ # % ^ & * ( ) _ - = < [ ] { } , .
시스템: ESC , 스페이스바, Enter
onkeydown
Microsoft® Internet Explorer 4.0부터 onkeydown 이벤트는 다음 키에 대해 발생합니다.
편집: DELETE, INSERT
기능: F1 - F12
문자: A - Z(대문자 및 소문자)
탐색: HOME, END, 왼쪽 화살표, 오른쪽 화살표, 위쪽 화살표, 아래쪽 화살표
숫자: 0 - 9
기호: ! @ # $ % ^ & * ( ) _ - = < [ ] { } , . | ' ` " ~
시스템: ESC, SPACEBAR, SHIFT, TAB
Internet Explorer 5에서는 다음 키에 대해서도 이벤트가 실행됩니다.
편집: BACKSPACE
탐색: PAGE UP, PAGE DOWN
시스템: SHIFT TAB
Internet Explorer 5 기준 , event.returnValue=false를 지정하여 다음 키 및 키 조합에 대해 이 이벤트를 취소할 수 있습니다.
편집: BACKSPACE, DELETE
문자: A - Z(대문자 및 소문자)
탐색: 페이지 위로, 페이지 아래로, 끝, 홈, 왼쪽 화살표, 오른쪽 화살표, 위쪽 화살표, 아래쪽 화살표
숫자: 0 - 9
기호: ! @ # $ % ^ & * ( ) _ - = < ] { } , . / ? ' ` " ~
시스템: SPACEBAR, ESC, TAB, SHIFT TAB
대부분의 단축키를 포함하여 HTML 애플리케이션에서 onkeydown 이벤트를 실행하는 모든 키를 취소할 수 있습니다.
Internet Explorer 4.0에서는 onkeydown 이벤트를 취소할 수 없지만 onkeypress 이벤트를 사용하여 키보드 이벤트를 취소할 수 있습니다.
다음과 같이 두 가지를 함께 누릅니다.
if( window.event.shiftKey && event.keyCode == xx)
function document_onpress()
{
if(event.keyCode=='13')
{
document.all.div_Line.style. pixelLeft= document.all.div_Line.style.pixelLeft 1;
document.all.div_Q.style.pixelLeft=document.all.div_Q.style.pixelLeft 1
document.all.div_T.style.pixelLeft= document.div_T.style.pixelLeft 1
}

핫 AI 도구

Undresser.AI Undress
사실적인 누드 사진을 만들기 위한 AI 기반 앱

AI Clothes Remover
사진에서 옷을 제거하는 온라인 AI 도구입니다.

Undress AI Tool
무료로 이미지를 벗다

Clothoff.io
AI 옷 제거제

AI Hentai Generator
AI Hentai를 무료로 생성하십시오.

인기 기사

뜨거운 도구

메모장++7.3.1
사용하기 쉬운 무료 코드 편집기

SublimeText3 중국어 버전
중국어 버전, 사용하기 매우 쉽습니다.

스튜디오 13.0.1 보내기
강력한 PHP 통합 개발 환경

드림위버 CS6
시각적 웹 개발 도구

SublimeText3 Mac 버전
신 수준의 코드 편집 소프트웨어(SublimeText3)

뜨거운 주제











기사는 JavaScript 라이브러리 작성, 게시 및 유지 관리, 계획, 개발, 테스트, 문서 및 홍보 전략에 중점을 둡니다.

이 기사는 브라우저에서 JavaScript 성능을 최적화하기위한 전략에 대해 설명하고 실행 시간을 줄이고 페이지로드 속도에 미치는 영향을 최소화하는 데 중점을 둡니다.

프론트 엔드 개발시 프론트 엔드 열지대 티켓 인쇄를위한 자주 묻는 질문과 솔루션, 티켓 인쇄는 일반적인 요구 사항입니다. 그러나 많은 개발자들이 구현하고 있습니다 ...

기술 및 산업 요구에 따라 Python 및 JavaScript 개발자에 대한 절대 급여는 없습니다. 1. 파이썬은 데이터 과학 및 기계 학습에서 더 많은 비용을 지불 할 수 있습니다. 2. JavaScript는 프론트 엔드 및 풀 스택 개발에 큰 수요가 있으며 급여도 상당합니다. 3. 영향 요인에는 경험, 지리적 위치, 회사 규모 및 특정 기술이 포함됩니다.

이 기사는 브라우저 개발자 도구를 사용하여 효과적인 JavaScript 디버깅, 중단 점 설정, 콘솔 사용 및 성능 분석에 중점을 둡니다.

이 기사는 소스 맵을 사용하여 원래 코드에 다시 매핑하여 미니어링 된 JavaScript를 디버그하는 방법을 설명합니다. 소스 맵 활성화, 브레이크 포인트 설정 및 Chrome Devtools 및 Webpack과 같은 도구 사용에 대해 설명합니다.

동일한 ID로 배열 요소를 JavaScript의 하나의 객체로 병합하는 방법은 무엇입니까? 데이터를 처리 할 때 종종 동일한 ID를 가질 필요가 있습니다 ...

JavaScript는 현대 웹 개발의 초석이며 주요 기능에는 이벤트 중심 프로그래밍, 동적 컨텐츠 생성 및 비동기 프로그래밍이 포함됩니다. 1) 이벤트 중심 프로그래밍을 사용하면 사용자 작업에 따라 웹 페이지가 동적으로 변경 될 수 있습니다. 2) 동적 컨텐츠 생성을 사용하면 조건에 따라 페이지 컨텐츠를 조정할 수 있습니다. 3) 비동기 프로그래밍은 사용자 인터페이스가 차단되지 않도록합니다. JavaScript는 웹 상호 작용, 단일 페이지 응용 프로그램 및 서버 측 개발에 널리 사용되며 사용자 경험 및 크로스 플랫폼 개발의 유연성을 크게 향상시킵니다.
