>  기사  >  웹 프론트엔드  >  javascript 활성 디스패치 events_javascript 기술 요약

javascript 활성 디스패치 events_javascript 기술 요약

WBOY
WBOY원래의
2016-05-16 18:03:261303검색

1.dispatchEvent()
이는 표준 트리거 이벤트 메서드입니다. 사용 시 먼저 이벤트 객체를 생성해야 합니다. 다음과 같습니다

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

var evt = document.createEvent( '이벤트')
evt.initEvent('click',true,true)
element.dispatchEvent(evt)

2, fireEvent()
IE 이전 버전에서는 구현된 트리거 이벤트 메소드를 이벤트 객체 생성 없이 바로 사용할 수 있습니다. 다음과 같습니다
코드를 복사합니다 코드는 다음과 같습니다.

element.fireEvent('onclick ');

참고: attachmentEvent와 마찬가지로 "on"을 추가해야 합니다.
다음과 같이 모든 브라우저와 호환되는 버전
코드 복사 코드는 다음과 같습니다.

var dispatch = window.addEventListener ?
function(el, type){
try {
var evt = document.createEvent('Event');
evt.initEvent(type,true,true)
el.dispatchEvent(evt); (e)};
} :
function(el, type){
try{
el.fireEvent('on' type)
}catch(e){alert(e) )}
};

위에서는 다양한 이벤트를 트리거할 수 있는 일반적인 이벤트 트리거 방법을 요약했습니다. 브라우저는 개별 이벤트를 트리거하는 특정 방법도 제공합니다.
4. click()
은 비입력/버튼을 지원하지 않는 Safari/Chrome을 제외하고는 사용자 클릭을 시뮬레이션하는 데 사용됩니다.
5, form.submit()
입력 클릭을 기준으로 양식 제출을 시뮬레이션합니다.[type=submit]
6, input/textarea.select()
사용자가 선택한 텍스트를 시뮬레이션합니다.
7, focus()
커서 포커스 가져오기 시뮬레이션
8, Blur()
커서 포커스 손실 시뮬레이트
9, input/textarea/select.change()
텍스트 또는 텍스트 시뮬레이션 옵션 변경
10. 맞춤 이벤트 전달은 실제로 함수를 가져온 다음
을 호출하는 것입니다. 관련:


https://developer.mozilla.org/En/DOM/Element.dispatchEvent
http://msdn.microsoft.com/en-us /library/ms536423(v=VS.85).aspx
https://developer.mozilla.org/en/DOM/Input.select

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.