js事件大全

注意原生的事件在on后面都是小写，监听事件不需要加on

 1. onclick　　点击事件
 2. ondblclick　双击事件
 3. onclick.right  右击事件
 4. onchange　 内容变化事件（在值改变时，并且失去焦点）
 5. onfocus　　元素获取焦点事件
 6. onblur    元素失去焦点事件（不管值是否改变，失去焦点及触发）
 7. onmouseover（移入）　onmouseout（移出）　鼠标经过时自身触发事件，经过其子元素时也触发该事件（冒泡，多次触发）
 8. onmouseenter（移入） onmouseleave（移出） 鼠标经过时自身触发事件，经过其子元素时不触发该事件（不支持冒泡，只触发一次）
 9. onselect　　文本被选中
 10.onfullscreenchange   全屏状态改变时
 
 11. onmousedown　　鼠标按下的时候触发的事件（拖拽行为）
 12. onmousemove　　鼠标移动（拖拽行为）
 13. onmouseup　　鼠标弹起触发的事件（拖拽行为）
 
 14. onresize　　窗口或者框架被重新调整大小 
 
 15. onabort  事件会在图像加载被中断时发生。（图片）
 16. onerror　当加载图像和文档时发生错误（图片）
 
 17. onkeydown　　键盘按键被按下发生的事件（键盘事件）
 18. onkeypress　　键盘按键按下并松开发生的事件（键盘事件）
 19. onkeyup　　键盘按键被松开发生的事件（键盘事件）

 20. onreset　　重置按钮被点击（form属性）
 21. onsubmit　　提交按钮被点击（form属性）
 
 22. onload　　用户进入某个页面的时候触发（获取用户的浏览器信息）
 23. onunload　用户离开某个页面的时候触发（是否确认离开此页面）

例如：

手动触发事件， 通过调用目标元素上的 dispatchEvent 方法，可以模拟用户对该元素执行相应的交互操作

const element = document.getElementById('myButton');
const event = new Event('click');
element.dispatchEvent(event);