>  기사  >  웹 프론트엔드  >  js_javascript 기술에서 document.createEvent 사용

js_javascript 기술에서 document.createEvent 사용

WBOY
WBOY원래의
2016-05-16 18:20:331311검색

댓글
사용자가 기사 목록을 직접 보면 모든 댓글과 댓글 상자가 표시됩니다. 아무것도 표시되지 않지만, 사용자가 홈페이지 등 다른 페이지의 개인 업데이트를 통해 이 블로그를 직접 찾는 경우에는 모든 댓글이 표시되어야 합니다. 목록 페이지와 단일 항목을 보는 페이지는 동일한 페이지이므로 사용자가 블로그를 찾았는지 확인해야 합니다. 그렇다면 JS를 통해 A 태그의 클릭 이벤트를 트리거합니다.
처음에는 몇 가지 방법을 시도해보고 A 라벨에 버튼과 동일한 onclick() 이벤트가 있는 것을 당연하게 여겼는데, 인터넷에서 몇 가지 정보를 검색한 결과 그렇지 않다는 것을 알게 되었습니다. 문제를 성공적으로 해결했습니다^_^. 해결책은 IE와 FF에 대해 서로 다른 논리를 작성하는 것입니다. 코드의 일부는 다음과 같습니다.

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

<script> <br>var comment = document.getElementsByTagName('a')[0] <br>if (document.all) { <br>// IE의 경우 <br>comment.click( ); <br>} else if (document.createEvent) { <br>//FOR DOM2 <br>var ev = document.createEvent('HTMLEvents') <br>ev.initEvent( 'click', false, true ) <br>comment.dispatchEvent(ev) <br></script>

구문:
createEvent( eventType)
매개변수
설명
eventType
가져오려는 이벤트 개체의 이벤트 모듈 이름입니다.
유효한 이벤트 유형 목록은 '설명' 섹션을 참조하세요.

반환 값
지정된 유형으로 새로 생성된 이벤트 개체를 반환합니다.
발생
구현이 필수 이벤트 유형을 지원하는 경우 이 메소드는 NOT_SUPPORTED_ERR 코드와 함께 DOMException을 발생시킵니다.
설명
이 메소드는 eventType 매개변수로 지정되는 새 이벤트 유형을 생성합니다. 이 매개변수의 값은 생성될 이벤트 인터페이스의 이름이 아니라 해당 인터페이스를 정의하는 DOM 모듈의 이름입니다.
다음 표에는 eventType의 유효한 값과 각 값에 의해 생성되는 이벤트 인터페이스가 나열되어 있습니다.
매개변수
이벤트 인터페이스
초기화 방법
HTMLEvents
HTMLEvent
iniEvent( )
MouseEvents
MouseEvent
iniMouseEvent()
UIEvents
UIEvent
iniUIEvent()

이 메소드를 사용하여 Event 객체를 생성한 후에는 표시된 메소드를 사용해야 합니다. 위의 표에서 초기화 방법은 객체를 초기화합니다. 초기화 방법에 대한 자세한 내용은 이벤트 개체 참조를 참조하세요.
이 메소드는 실제로 Document 인터페이스가 아니라 DocumentEvent 인터페이스에 의해 정의됩니다. 구현이 Event 모듈을 지원하는 경우 Document 객체는 DocumentEvent 인터페이스를 구현하고 이 메서드를 지원합니다.
성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.