1. dispatchEvent()
This is the standard triggering event method. When using it, you need to create the event object first. As follows
var evt = document.createEvent('Event') ;
evt.initEvent('click',true,true);
element.dispatchEvent(evt);
2, fireEvent()
This is in the old version of IE The implemented trigger event method can be used directly without creating an event object. As follows
element.fireEvent('onclick');
Note: Like attachEvent, it needs to be added with "on"
A version compatible with all browsers, as follows
var dispatch = window.addEventListener ?
function(el, type){
try{
var evt = document. createEvent('Event');
evt.initEvent(type,true,true);
el.dispatchEvent(evt);
}catch(e){alert(e)};
} :
function(el, type){
try{
el.fireEvent('on' type);
}catch(e){alert(e)}
};
The above encapsulates a general method for triggering events, which can trigger various events. Browsers also provide specific methods to trigger individual events.
4. click()
is used to simulate user clicks. Except for Safari/Chrome which does not support non-input/button, other browsers support it.
5, form.submit()
Simulate form submission, relative to clicking input[type=submit]
6, input/textarea.select()
Simulate user-selected text.
7, focus()
Simulate getting cursor focus
8, blur()
Simulate losing cursor focus
9, input/textarea/select.change()
Simulate text or The options change
10. The dispatch of custom events is actually to get the function and then call
Related:
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
![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
