JavaScript의 이벤트 처리

高洛峰
풀어 주다: 2016-11-25 11:37:37
원래의
1030명이 탐색했습니다.

이벤트 처리 개요
이벤트 처리는 객체 기반 프로그래밍에서 매우 중요한 부분입니다. 이벤트 처리가 없으면 프로그램이 종료되고 유연성이 부족해집니다. 이벤트 처리 프로세스는 다음과 같이 표현될 수 있습니다. 이벤트 발생 - 이벤트 핸들러가 시작됨 - 이벤트 핸들러가 반응합니다. 그중에서도 이벤트 핸들러가 시작되기 위해서는 먼저 어떤 일이 발생하면 시작할 핸들러를 객체에 알려야 합니다. 그렇지 않으면 프로세스를 계속할 수 없습니다. 이벤트 핸들러는 JavaScript 문일 수 있지만 일반적으로 특정 사용자 정의 함수를 사용하여 작업을 처리합니다.
이벤트 핸들러를 지정하는 방법에는 세 가지가 있습니다.
방법 1 HTML 태그에 직접 지정합니다. 이 방법이 가장 일반적으로 사용됩니다. 메서드는 다음과 같습니다.
< 태그... ... event="event handler" [event="event handler" ...]>
예를 살펴보겠습니다.
< ;body ... onunload="alert(Goodbye!)">
태그를 정의하면 문서를 읽을 때 "웹 페이지 읽기가 완료되었습니다. 천천히 즐기세요'; 사용자가 문서를 종료(또는 창을 닫거나 다른 페이지로 이동)할 때 '안녕하세요' 팝업이 표시됩니다.
방법 2: 특정 개체의 특정 이벤트에 대한 JavaScript를 작성합니다. 이 방법은 덜 자주 사용되지만 일부 상황에서는 여전히 유용합니다. 메서드는 다음과 같습니다.

인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿