JavaScript常用事件详解

一、用于form（表单）的事件

在网页中经常会遇到一些表单的验证，是通过事件进行处理的，比如用户输入用户名之后，及时显示用户是否被注册

用于form（表单）的事件

事件名	功能

onblur

| 当元素失去焦点时运行
onchange| 当元素值被改变时运行
onfocus| 当元素获取焦点时运行
onselect| 在元素中 文本被选中后触发
onsubmit|

当提交表单时触发

二、用于keyboard（键盘）的事件

键盘事件经常用于网络游戏之中，只需要给网页添加监听事件，当用户按下相应的按键时，就会触发事件处理程序

用于keyboard（键盘）的事件

事件名	功能
onkeydown	当用户按下按键时触发
onkeyup	当用户释放按键时触发
onkeypress	当用户敲击按键时触发

三、用于mouse（鼠标）的事件

鼠标事件在网站中尤其常用，可以利用鼠标事件触发很多特效，最简单的就是单击弹出对话框，还有网页轮播图鼠标移出、移出的动画效果

用于mouse（鼠标）的事件

事件名	功能
onclick	当元素上发生鼠标点击时触发
ondblclick	当元素上发生鼠标双击时触发
onmousedown	当元素上按下鼠标按键时触发
onmouseup	当元素上释放鼠标按键时触发
onmousemove	当元素上进行鼠标移动时触发
onmouseover	当鼠标指针移动到元素上时触发
onmouseout	当鼠标指针移出元素时触发
onmousewheel	当鼠标滚轮被滚动时运行脚本
onscroll	当元素滚动条被滚动时运行脚本

四、用于window对象的事件

比如onload事件在HTML渲染完毕后执行一些操作

window.onload = function(){


}

用于window对象的事件

事件名	功能
onerror	当错误发生时运行时的脚本
onload	页面结束加载之后触发
onunload	一旦页面已下载时触发（或者浏览器窗口已被关闭）
onresize	当浏览器窗口被调整大小时触发

五、手机端触摸屏幕的事件

手机屏触摸事件只会在手机端触发

手机端触摸屏膜的事件

事件名	功能
ontouchstart	当触摸开始的时候触发
ontouchend	当触摸结束的时候触发
ontouchmove	当手指在屏幕上滑动的时候触发