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

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

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

몇 가지 지침:

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

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

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

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

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

바인딩 이벤트

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

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

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

이벤트 바인딩 첫 번째 방법:

 

두 번째 이벤트 바인딩 방법:

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

        
        

기타 예시

예시 1:

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

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

머리>

onclick="window.location.href='http://www.baidu.com'"
onmouseover="mOver(this)" onmouseout="mOut(this)">환영합니다
본문>

예시 2:

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

머리>

   
본문>