JS事件汇总

事件

什么是事件，事件就是一种行为，每种编程语言都有自己的事件，前后端都有，只要是有可视化界面的都必然会有事件。在前端网页中，每个元素都可以产生某种可以触发的JavaScript函数的事件。

事件绑定方式： 节点.on+事件名称 = 事件处理函数；事件只是一种行为，决定了触发的方式、过程，需要绑定在节点上才会生效。

div.onclick = funtion (){ console.log('你点击我了');} 该事件为点击事件，具体表示，div被点击时触发函数输出：你点击我了。

那是都有些什么事件呢，往下看。

事件的分类

鼠标事件	描述
onclick	鼠标点击时触发
ondbclick	鼠标双击
onmousedown	鼠标按下 （只是按下的瞬间）
onmousemove	鼠标松开
onmouseover	鼠标划过，经过，移进
onmousemove	鼠标移动，指的是移动，与over的区别在于over只是在移进时触发一次，而move只要鼠标移动就会触发。
onmouseout	移开时触发
oncontextmenu	鼠标右键菜单展开时触发。 在此事件中 ev.preventDefault() 可阻止右键菜单的弹出。

键盘事件	作用
onkeydown	键盘被按下动作时
onkeyup	键盘被松开时
onkeypress	键盘<字符键(除去那些功能键，例如：Ctrl shift等)>被按下,而且如果按住不放的话，会重复触发此事件。

UI事件	描述
window.onload	页面元素（包含图片，多媒体等）加载完成后执行
window.onscroll	滚时触发
window.onresize	窗口或者框架被重新调整大小时

表单事件	作用
onblur	失去焦点时（表单验证最常用）
onfocus	获得焦点时触发
onchange	内容改变且失去焦点时
oninput	内容改变时
onreset	重置按钮被点击
onsubmit	提交按钮别点击
onselect	输入框文本被选中。

现在已经少用那些自带功能的按钮了，不好控制，都是通过button来实现想要的功能了