IE 의 fireEvent 방법 개술 및 응용

IE 에서 fireEvent 방법 을 제 공 했 는데 말 그대로 어떤 사건 이 발생 하 는 것 을 촉발 한 다 는 뜻 입 니 다.처음에는 평소 onclick () 을 사용 하 는 것 처럼 생각 했 는데 최근 에 자 바스 크 립 트 입문 ppt 를 쓸 때 발 견 했 어 요. 제 가 너무 잘 난 척 하 는 구나!자 바스 크 립 트 의 디 테 일 을 잘 파악 하지 못 한 것 같 습 니 다!
현재 자신의 총 결 에 따라 fireEvent 방법 을 상세 하 게 기록 하고 있 습 니 다.fireEvent 는 IE 가 제공 하 는 방법 입 니 다. msdn 문서 주소:http://msdn.microsoft.com/en-us/library/ms536423(v=vs.85).aspx
onclick () 첫 번 째 인 스 턴 스 코드 를 먼저 보 겠 습 니 다.

 
  
 
  
i am one;
 
  
i am two;
 
  
i am three;
 
  
 
  
click me! 
  
 
 

이 코드 에 서 는 id1 의 li 가 onclick 이 벤트 를 추가 하지 않 았 습 니 다. button 을 누 르 면 오류 가 발생 할 수 있 습 니 다. "대상 이 이 속성 이나 방법 을 지원 하지 않 습 니 다" 라 고 알려 줍 니 다.이 를 통 해 알 수 있 듯 이 DOM. onclick () 은 onclick 이 벤트 를 추가 해 야 사용 할 수 있 습 니 다.
만약 우리 가 이상 의 코드 를 다음 과 같이 수정한다 면:

 
  
 
  
i am one;
 
  
i am two;
 
  
i am three;
 
  
 
  
click me! 
  
 
 

이때 button 을 누 르 면 onclick 이벤트 가 발생 하지만, ul 의 onclick 이 트리거 되 지 않 았 습 니 다. 이것 은 DOM. onclick () 에 거품 이 존재 하지 않 음 을 나타 냅 니 다.
fireEvent () 는 fireEvent 와 onclick () 트리거 이벤트 가 같은 지 살 펴 보 겠 습 니 다.다음 코드 보기:

 
  
 
  
i am one;
 
  
i am two;
 
  
i am three;
 
  
 
  
fireEvent ! 
  
 
 

button 을 클릭 하면 ul 의 onclick 이 벤트 를 촉발 합 니 다. fireEvent 가 거품 을 일 으 킬 수 있 음 을 설명 합 니 다. 또한 onclick () 과 같은 '대상 이 이 속성 이나 방법 을 지원 하지 않 습 니 다' 는 알림 이 발생 하지 않 았 습 니 다. id1 을 추가 하지 않 아 도 onclick 이벤트 가 거품 을 일 으 킬 수 있 음 을 설명 합 니 다.
이 를 통 해 알 수 있 듯 이 IE 의 fireEvent 방법 은 단순 한 onclick 이 아니 라 사용자 의 마우스 클릭 행 위 를 모 의 하 는 것 과 유사 하 다.
fireEvent 와 onclick 의 차 이 를 정리 합 니 다.
위의 예 를 통 해 알 수 있 듯 이 DOM 의 fireEvent 와 onclick (이것 은 대표 일 뿐) 은 다음 과 같은 차이 가 있다.
1. onclick 은 DOM 이 onclick 이 벤트 를 진정 으로 추가 해 야 합 니 다. 그렇지 않 으 면 '대상 이 이 속성 이나 방법 을 지원 하지 않 습 니 다' 라 는 오류 가 발생 합 니 다.
2. onclick 은 IE 의 거품 과정 을 일 으 키 지 않 고 fireEvent 는 거품 을 일 으 키 며 fireEvent 는 사용자 의 진실 한 행위 에 더욱 가 까 워 집 니 다.
3. 두 번 째 조 에서 알 수 있 듯 이 fireEvent 는 DOM 에 click 이벤트 가 없어 도 fireEvent 를 할 수 있 고 잘못 보고 하지 않 습 니 다 (사용자 의 실제 행동 에 더욱 가 깝 습 니 다).
마지막 으로 아래 코드 를 가지 고 테스트 할 수 있 습 니 다.

 
  
 
  
i am one;
 
  
i am two;
 
  
i am three;
 
  
 
  
click me! 
  
fireEvent !