> 웹 프론트엔드 > JS 튜토리얼 > JavaScript 학습 노트 JS 이벤트 객체_기본 지식

JavaScript 학습 노트 JS 이벤트 객체_기본 지식

WBOY
풀어 주다: 2016-05-16 16:18:32
원래의
1411명이 탐색했습니다.

이벤트 객체: 이벤트가 발생하면 브라우저가 자동으로 이 객체를 생성하며 이벤트 유형, 마우스 좌표 등을 포함합니다.

이벤트 객체의 속성: 형식: event 속성.

몇 가지 지침:

이벤트는 이벤트 객체를 실행한 요소, 마우스 위치 및 상태, 누른 키 등 이벤트의 상태를 나타냅니다.

이벤트 대상은 이벤트 기간에만 유효합니다.

Firefox의 이벤트는 IE의 이벤트와 다릅니다. IE의 이벤트는 전역 변수이며 언제든지 사용할 수 있습니다. Firefox의 이벤트는 매개변수에 의해 안내되어야 하며 런타임 시 임시 변수입니다.

IE/Opera에서는 window.event이고, Firefox에서는 이벤트입니다.

이벤트 개체는 IE에서는 window.event.srcElement, Firefox에서는 event.target이며 둘 다 Opera에서 사용할 수 있습니다.

바인딩 이벤트

JS에서 이벤트를 객체(컨트롤)에 바인딩하는 방법에는 일반적으로 두 가지가 있습니다.

먼저 head에 함수를 정의하세요.

코드 복사 코드는 다음과 같습니다.


기타 예시

예시 1:

코드 복사 코드는 다음과 같습니다.




eventTest.html





함수 mOver(객체) {
          object.color = "빨간색";
}
함수 mOut(객체) {
          object.color = "파란색";
}



<글꼴 스타일="커서:도움말"
onclick="window.location.href='http://www.baidu.com'"
onmouseover="mOver(this)" onmouseout="mOut(this)">환영합니다

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