IE의 fireEvent method_javascript 기술 개요 및 적용

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

IE에는 FireEvent 메소드가 제공되는데, 이름에서 알 수 있듯이 이벤트가 발생하도록 트리거하는 것을 의미합니다. 처음에는 onclick()을 사용하는 것과 같다고 생각했는데, 최근에 JavaScript 입문 PPT를 작성하다가 발견했습니다. JavaScript의 세부 사항은 아직 마스터하지 못한 부분이 많은 것 같습니다!

이제 자신이 작성한 요약을 바탕으로 fireEvent 메소드의 사용을 자세히 기록해 보세요. fireEvent는 IE에서 제공하는 메소드로, msdn 문서 주소: http://msdn.microsoft.com/en-us/library/ms536423(v=vs.85).aspx

onclick( )
먼저 첫 번째 예제 코드를 살펴보겠습니다.

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


  • 나는 하나입니다;
  • 나는 2입니다;

  • 나는 3입니다;

🎜>< ;button onclick='document.getElementById("id1").onclick();'>클릭하세요!


이 코드에서는 onclick을 추가하지 않습니다. id1 이벤트의 li에 해당 버튼을 클릭하면 "개체가 이 속성이나 메서드를 지원하지 않습니다."라는 오류가 보고됩니다. DOM.onclick()을 사용하려면 먼저 onclick 이벤트를 추가해야 한다는 것을 알 수 있습니다.


위 코드를
으로 수정하면:
  • 나는 하나입니다;

  • 나는 2개입니다;

  • 나는 3개입니다;

🎜>
이때 버튼을 클릭하면 onclick 이벤트가 발생하지만 ul의 onclick은 발생하지 않아 DOM.onclick()에 버블링이 없음을 알 수 있습니다.

fireEvent()

fireEvent와 onclick()이 동일한 이벤트를 트리거하는지 살펴보겠습니다. 아래 코드를 보세요.


코드를 복사하세요.
코드는 다음과 같습니다. < ul onclick='alert (event.srcElement.innerHTML);'>
  • 나는 하나입니다;
  • ;저는 2명입니다.
  • 저는 3명입니다;

  • fireEvent와 onclick의 차이점 요약

    위의 예에서 볼 수 있듯이 DOM fireEvent와 onclick(대표일 뿐)은 다음과 같은 차이점이 있습니다. 🎜>1.onclick 필요 onclick 이벤트는 실제로 DOM에 추가됩니다. 그렇지 않으면 "객체가 이 속성이나 메서드를 지원하지 않습니다"라는 오류가 보고됩니다.
    2. onclick은 IE의 버블링 프로세스를 발생시키지 않지만 fireEvent는 버블링되고, fireEvent는 사용자의 실제 동작 트리거에 더 가깝습니다
    3. 두 번째 기사에서 fireEvent는 DOM에 클릭 이벤트가 없더라도 오류를 보고하지 않고 fireEvent를 수행할 수 있습니다(사용자의 실제 동작에 더 가깝습니다) 마지막으로 다음 코드로 테스트해볼 수 있습니다
    :



    코드 복사
    코드는 다음과 같습니다. 🎜>
    'document.getElementById("id1").fireEvent("onclick")'> fireEvent !
    관련 라벨:
    원천:php.cn
    이전 기사:입력 box_javascript 기술을 강조하는 구문 생성을 위한 JavaScript 구현 아이디어 다음 기사:js 배치에서 스타일을 설정하는 세 가지 방법 with_javascript 기술을 사용하지 않는 것이 좋습니다.
    본 웹사이트의 성명
    본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
    저자별 최신 기사
    최신 이슈
    관련 주제
    더>
    인기 추천
    인기 튜토리얼
    더>
    최신 다운로드
    더>
    웹 효과
    웹사이트 소스 코드
    웹사이트 자료
    프론트엔드 템플릿