> 웹 프론트엔드 > JS 튜토리얼 > js를 사용하여 이벤트 처리 모델 구현

js를 사용하여 이벤트 처리 모델 구현

亚连
풀어 주다: 2018-05-19 14:35:19
원래의
1466명이 탐색했습니다.

이 글은 주로 이벤트 처리 모델을 구현하기 위해 js를 사용하는 방법을 소개합니다. 관심 있는 친구들이 참고할 수 있는 참고 가치가 있습니다.

다양한 브라우저에는 원본 이벤트 모델, 표준 이벤트 모델, IE 이벤트 모델, Netscape4 이벤트 모델 등 4가지 이벤트 모델이 있습니다. 이에 대해서는 아래에서 자세히 소개하겠습니다.

1. 현재 이벤트 처리 모델은 원본 이벤트 모델, 표준 이벤트 모델, IE 이벤트 모델, Netscape4 이벤트 모델 등 4가지가 있지만 기본적으로 무시할 수 있습니다

2. 이벤트 처리 모델은 기본으로 나눌 수 있습니다. 이벤트 처리에는 두 가지 유형이 있습니다. 원래 이벤트 모델은 기본 이벤트 처리에 속하며, 표준 이벤트 모델과 IE 이벤트 모델은 고급 이벤트 처리에 속합니다.

1. 기본 이벤트 처리:

기본 이벤트 처리. 주로 원래 이벤트 모델 이벤트 처리의 구현을 나타냅니다. 주로 다음 두 가지 유형으로 나뉩니다.

(1)

……

, onmouseover는 단지 대표일 뿐이며 다른 많은 이벤트도 포함합니다. 이 방법에서 JS 코드 문자열은 onmouseover 및 기타 이벤트 처리 함수에 할당되며 시스템은 이러한 코드 문자열을 익명 함수로 자동 래핑합니다. 태그 요소를 가리키는 this 키워드와 이벤트가 발생할 때 이벤트 객체를 나타내는 event 키워드(표준 브라우저에서 사용됨)가 있을 수 있습니다.

...

실제로 onmouseover를 함수로 간주할 수 있으며 값을 할당하기 전에는 비어 있습니다. 기능. . 여기에 js 코드를 할당한 후 빈 함수에 코드를 추가하는 것과 같습니다. onmouseover 등은 실제로 함수이기 때문에 element.onmouseover()와 같이 명시적으로 호출할 수 있지만 이로 인해 mouseover 이벤트가 실제로 발생하지는 않습니다.

이벤트 함수(예: onmouseover 등)에 false를 반환하여 기본 동작이 발생하도록 할 수 있습니다.

함수는 정의된 범위 내에서 실행되므로 이벤트 처리 함수에 js 코드를 할당하면 이 HTML 태그 환경에서 함수를 정의하는 것과 같습니다. 이 환경은 매우 특별하며 상위 수준입니다. 역할 도메인은 창 전역 개체 환경이 아닙니다. 둘 사이에 하나 이상의 범위 환경이 있습니다.

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