js 수 동 트리거 이벤트
7524 단어 전단
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>js </title>
<script>
window.onload = function(){
var oA = document.getElementById('clickme');
var DownloadEvt = null;
if (document.createEvent) {
if (DownloadEvt === null){
DownloadEvt = document.createEvent('MouseEvents');
}
DownloadEvt.initEvent('click', true, false);
oA.dispatchEvent(DownloadEvt);
} else if (document.createEventObject) {
oA.fireEvent('onclick');
} else if (typeof oA.onclick == 'function') {
oA.onclick();
}
}
</script>
</head>
<body>
<a id='clickme' href='https://blog.csdn.net/qq_36412715/article/details/104636155'></a>
</body>
</html>
JS 수 동 트리거 이벤트 에 사용 되 는 방법:
1. createEvent(eventType)
인자: eventType 총 5 가지 유형:
Events : .
HTMLEvents: 'abort', 'blur', 'change', 'error', 'focus', 'load', 'reset', 'resize', 'scroll', 'select',
'submit', 'unload'.
UIEvents : 'DOMActivate', 'DOMFocusIn', 'DOMFocusOut', 'keydown', 'keypress', 'keyup'.
MouseEvents.
MouseEvents: 'click', 'mousedown', 'mousemove', 'mouseout', 'mouseover', 'mouseup'.
MutationEvents: 'DOMAttrModified', 'DOMNodeInserted', 'DOMNodeRemoved',
'DOMCharacterDataModified', 'DOMNodeInsertedIntoDocument',
'DOMNodeRemovedFromDocument', 'DOMSubtreeModified'.
2. createEvent 이후 초기 화
HTMLEvents Events:
initEvent(type, bubbles, cancelable); , , 。
UIEvents :
initUIEvent( 'type', bubbles, cancelable, windowObject, detail )
MouseEvents:
initMouseEvent( 'type', bubbles, cancelable, windowObject, detail, screenX, screenY,
clientX, clientY, ctrlKey, altKey, shiftKey, metaKey, button, relatedTarget )
MutationEvents :
initMutationEvent( 'type', bubbles, cancelable, relatedNode, prevValue, newValue,
attrName, attrChange )
3. 이벤트 촉발, 디 스 패 치 이벤트 (이벤트)
dom. dispatchEvent (eventObject), 인자 eventObject 는 이벤트 대상 을 표시 하고 createEvent () 방법 으로 되 돌아 오 는 생 성 된 이벤트 대상 입 니 다.
주의해 야 할 것 은 IE 8 이하 버 전에 서 fireEvent 방법 을 사용 하 세 요.
참고:https://www.cnblogs.com/jiangxiaobo/p/5830200.html
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
전단 자동화 워 크 플 로 의 hooks예 를 들 어 우 리 는 git commt 전에 eslint 코드 검사, npm install 전에 프로젝트 의존 도 를 검사 하고 싶 습 니 다.전형 적 인 상황 에서 각종 도 구 는 특정한 동작 이 발생 할 때 ...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.