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

좋은 웹페이지 즐겨찾기