Google browser_javascript 기술에서 테스트한 이벤트 객체 획득 방법 요약

WBOY
풀어 주다: 2016-05-16 17:17:58
원래의
1097명이 탐색했습니다.

소개:

Event 객체는 이벤트가 발생한 요소, 키보드 키 상태, 마우스 위치, 마우스 버튼 상태 등 이벤트의 상태를 나타냅니다. 이벤트는 이벤트가 발생할 때까지 실행되지 않는 함수와 함께 사용되는 경우가 많습니다!
이벤트 객체 가져오기 방법:

방법 1:

예:

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

function 데모1(e){

var e = e

// 이 메소드는 IE와 Google에서는 매개변수 e를 전달하지 않고도 이벤트를 얻을 수 있지만, Firefox에서는 이벤트 객체를 얻기 위해 이벤트 매개변수

//를 이벤트 메소드에 전달해야 합니다.

}



방법 2: 보편적이고 편리한 방법(매개변수를 전달할 필요가 없다는 것이 이 방법의 편리함)

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

function deco2(){

var e =args.callee.caller.arguments[0] || ;

/ /arguments.callee는 현재 함수 본문을 참조합니다

//arguments.callee.caller는 현재 함수의 상위 함수입니다

//따라서 onclick할 때 ="demo2()"가 실행되고, 인수 .callee는 데모2()이고, 인수.callee.caller는 onclick 함수입니다.
//onclick의 첫 번째 함수는 이벤트입니다. 이는 인수.callee.caller.arguments[0입니다. ].

}



자세한 테스트 요약:

하나: 동일한 보편적인 방법은 매개변수 이벤트를 전달하는 것입니다(실제 매개변수는 이벤트로 작성되어야 하며 다른 이름은 작동하지 않습니다).

둘째: window.event는 IE와 Google 브라우저에 적합하며 Firefox에서는 지원하지 않습니다.

세 번째: 인수.callee.caller.arguments[0]는 Firefox에서만 지원되며 IE는 이 획득 방법을 지원하지 않습니다.

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