> 웹 프론트엔드 > 프런트엔드 Q&A > 자바스크립트의 일반적인 이벤트는 무엇입니까?

자바스크립트의 일반적인 이벤트는 무엇입니까?

青灯夜游
풀어 주다: 2021-06-22 18:25:30
원래의
2524명이 탐색했습니다.

일반적인 JavaScript 이벤트: click, dblclick, mouseup, mouseout, keypress, keydown, keyup, 오류, 로드, 크기 조정, 언로드, 흐림, 변경, 포커스, 재설정 등

자바스크립트의 일반적인 이벤트는 무엇입니까?

이 튜토리얼의 운영 환경: Windows 7 시스템, JavaScript 버전 1.8.5, Dell G3 컴퓨터.

JavaScript의 기본 기능은 이벤트 중심입니다. 소위 이벤트 중심이란 사용자가 특정 작업을 수행하거나 Javascript와 html 간의 상호 작용으로 인해 특정 상태가 변경되면 일련의 프로그램 응답 실행이 트리거된다는 것을 의미합니다. 여기서 사용자의 조작을 이벤트라 하고, 이벤트에 대한 프로그램의 반응을 이벤트 처리라 한다.

이벤트 처리는 이벤트에 대한 프로그램의 반응을 의미합니다. JavaScript에서 이벤트란 사용자가 웹 페이지와 상호 작용할 때 발생하는 작업 또는 마우스 이동, 키 누르기, 버튼 클릭 등 Javascript와 HTML 간의 상호 작용 후 특정 상태가 변경되는 작업을 말합니다. Ajax를 표현하는 작업 상태가 변경되어 애니메이션 실행이 완료되었음을 나타냅니다. 이벤트 처리와 관련된 프로그램을 이벤트 핸들러라고 합니다. 이벤트 핸들러는 일반적으로 함수로 정의됩니다.

웹페이지에서 이벤트를 생성하는 인터페이스 요소를 이벤트 소스라고 합니다. 동일한 유형의 이벤트가 서로 다른 이벤트 소스에서 생성될 수 있으며, 동일한 이벤트 소스가 서로 다른 유형의 이벤트를 생성할 수도 있습니다. JS 프로그램은 이벤트 유형과 이벤트 소스를 지정하고 이벤트 핸들러를 이벤트 소스에 바인딩합니다. 이러한 방식으로 지정된 유형의 이벤트가 이벤트 소스에서 발생하면 브라우저는 이벤트 소스에 바인딩된 핸들러를 호출합니다. 이벤트 처리. 따라서 이벤트 처리와 관련된 작업에는 이벤트 핸들러 정의 및 해당 바인딩이 포함됩니다.

웹 페이지에는 사용자가 수행할 수 있는 많은 작업이 있으며 각 작업은 이벤트를 생성합니다. JavaScript의 몇 가지 일반적인 이벤트를 소개하겠습니다.

사용자가 키보드를 클릭할 때 이 이벤트는 특정 문자 키를 눌렀을 때 발생합니다이 이벤트는 사용자 키보드의 키가 눌렸을 때 발생합니다 사용자의 키보드를 눌렀을 때 이 이벤트가 발생합니다이 이벤트는 파일이나 이미지를 로드하는 동안 오류가 발생했을 때 발생합니다.이 이벤트는 페이지 콘텐츠가 실행될 때 발생합니다. 로드됨 이 이벤트는 브라우저 창 크기가 변경될 때 발생합니다 이 이벤트는 양식 요소가 포커스를 잃을 때 발생합니다이 이벤트는 사용자가 체크박스, 라디오 버튼, 일반 버튼, 제출 버튼, 재설정 버튼을 클릭할 때 발생합니다. 이 이벤트는 양식 요소의 내용이 변경되고 요소가 포커스를 잃을 때 트리거됩니다. 이벤트 【관련 권장사항: 】
JavaScript 일반 이벤트
Event Description
Mouse Event click 이 이벤트는 사용자가 마우스를 클릭할 때 트리거됩니다.
dblclick User Double 이 이벤트가 트리거됩니다. 마우스를 클릭했을 때
mousedown 이 이벤트는 사용자가 마우스를 누를 때 발생합니다.
mouseup 이 이벤트는 사용자가 마우스를 눌렀다가 놓을 때 발생합니다.
mouseover 사용자가 마우스 커서를 개체로 이동하는 경우 이 이벤트는 사용자가 마우스를 이동할 때 발생합니다. 이 이벤트는 사용자의 마우스 커서가 개체 범위를 벗어날 때 발생합니다. 마우스 휠이 굴러가는 경우에만 유효합니다.
DOMMouseScroll 이 이벤트는 마우스 휠이 굴러가는 경우에 발생합니다.
키보드 이벤트 keypress
keydown
keyup
Window 이벤트 error
load
resize
unload 이 이벤트는 현재 페이지가 닫히거나 종료될 때 발생합니다.
양식 이벤트 blur
click
change
focus 이 이벤트는 양식 요소에 포커스가 있을 때 트리거됩니다.
reset 이 이벤트는 사용자가 양식의 재설정 버튼
select 사용자가 입력을 선택하거나 이 이벤트는 텍스트 영역 양식 요소의 텍스트가 트리거될 때 트리거됩니다.
submit 이 이벤트는 사용자가 제출 버튼을 클릭하여 제출할 때 트리거됩니다. the form
자바스크립트 학습 튜토리얼

위 내용은 자바스크립트의 일반적인 이벤트는 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿