HTML에서 이벤트를 사용하는 방법

이벤트는 고객 작업이나 브라우저 기능에 의해 트리거되는 경우가 많습니다. 특정 이벤트는 JS를 사용하여 언제든지 트리거될 수도 있습니다. 이번에는 HTML에서 흔히 사용되는 이벤트 아이디어에 대해 알려드리겠습니다

DOM에서의 이벤트 시뮬레이션

문서 객체에 creatEvent() 메서드를 사용하여 이벤트 객체를 생성합니다. 매개변수는 생성할 이벤트 유형의 문자열입니다.

DOM2: 문자열은 영어 복수형을 사용합니다. DOM3: 단수형 UIEvents: UI 이벤트(마우스 이벤트 및 키보드 이벤트는 UI 이벤트에서 상속됩니다.) MouseEvents: 마우스 이벤트 MutationEvents: DOM 변경 이벤트 HTMLEvents: HTML 이벤트는 이벤트 관련 정보 쌍을 사용합니다. 초기화 트리거입니다. 이벤트. dispatchEvent() 메서드를 사용하고 매개변수는 이벤트를 트리거한 이벤트 객체입니다. 이벤트를 지원하는 모든 DOM 노드는 이 메서드를 지원합니다

마우스 이벤트 시뮬레이션

객체 생성 후 반환되는 개체에는 마우스 이벤트와 관련된 정보를 지정하는 데 사용되는 initMouseEvent() 메서드가 있습니다. 이 메서드는 마우스 이벤트의 각 일반적인 속성에 해당하는 15개의 매개변수를 받습니다.

var event=document.createEvent("MouseEvents");
event.initMouseEvent("click",true,true,document.defaultView,0,0,0,0,0,false,false,false,false,0,null);
btn.dispatchEvent(event);

키보드 이벤트 시뮬레이션

객체 생성 후 반환된 객체에는 initKeyEvent() 메서드가 있습니다. DOM3에서는 createEvent("keyboardEvent")를 호출하여 키보드 이벤트를 생성할 수 있다고 규정합니다. Firefox에서는 createEvent("keyEvents")를 호출하세요

다른 브라우저에서는 일반 이벤트를 생성한 다음 키보드 이벤트 관련 정보를 이벤트 객체에 추가해야 합니다.

var event=document.createEvent("Events");
event.initEvent(type,bubbles,cancelable);
event.view=document.defaultView;
...
textbox.dispatchEvent(event);

사용자 정의 DOM 이벤트

사용자 정의 이벤트는 DOM에 의해 기본적으로 트리거되지 않으며, 그 목적은 개발자가 자신의 이벤트를 만들 수 있도록 하는 것입니다. 새 사용자 정의 이벤트를 생성하려면 createEvent("CustomEvent")를 호출하면 됩니다. 반환된 객체에는 initCustomEvent() 메서드가 있습니다.

ie의 시간 시뮬레이션

아이디어: 먼저 이벤트 개체를 만든 다음 해당 정보를 가리킨 다음 생성을 트리거합니다. document.createEventObject(), 매개변수를 받지 않고 결과는 일반 이벤트 개체를 반환합니다. . 모든 정보를 수동으로 추가합니다. 대상에서 fireEvent() 메서드를 호출합니다. 매개변수: 이벤트 처리프로그램 이름 및 이벤트 객체, srcElement 및 유형 속성이 자동으로 이벤트 객체에 추가됩니다.

이 사례를 읽으신 후 방법을 마스터하셨다고 생각합니다. 더 흥미로운 정보를 보려면 다른 관련 기사에 주목하세요. PHP 중국어 웹사이트에서!

관련 자료:

HTML5 태그 중첩 규칙에 대한 자세한 소개

HTML의 FormData 개체에 대한 자세한 소개

H5의 postMessage API에 대한 자세한 그래픽 설명 자세한 소개

위 내용은 HTML에서 이벤트를 사용하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!