一、用于form(表单)的事件
在网页中经常会遇到一些表单的验证,是通过事件进行处理的,比如用户输入用户名之后,及时显示用户是否被注册
事件名 | 功能 |
---|---|
onblur | 当元素失去焦点时运行 |
onchange | 当元素值被改变时运行 |
onfocus | 当元素获取焦点时运行 |
onselect | 在元素中 文本被选中后触发 |
onsubmit | 当提交表单时触发 |
二、用于keyboard(键盘)的事件
键盘事件经常用于网络游戏之中,只需要给网页添加监听事件,当用户按下相应的按键时,就会触发事件处理程序
事件名 | 功能 |
---|---|
onkeydown | 当用户按下按键时触发 |
onkeyup | 当用户释放按键时触发 |
onkeypress | 当用户敲击按键时触发 |
三、用于mouse(鼠标)的事件
鼠标事件在网站中尤其常用,可以利用鼠标事件触发很多特效,最简单的就是单击弹出对话框,还有网页轮播图鼠标移出、移出的动画效果
事件名 | 功能 |
onclick | 当元素上发生鼠标点击时触发 |
ondblclick | 当元素上发生鼠标双击时触发 |
onmousedown | 当元素上按下鼠标按键时触发 |
onmouseup | 当元素上释放鼠标按键时触发 |
onmousemove | 当元素上进行鼠标移动时触发 |
onmouseover | 当鼠标指针移动到元素上时触发 |
onmouseout | 当鼠标指针移出元素时触发 |
onmousewheel | 当鼠标滚轮被滚动时运行脚本 |
onscroll | 当元素滚动条被滚动时运行脚本 |
四、用于window对象的事件
比如onload事件在HTML渲染完毕后执行一些操作
window.onload = function(){
}
事件名 | 功能 |
---|---|
onerror | 当错误发生时运行时的脚本 |
onload | 页面结束加载之后触发 |
onunload | 一旦页面已下载时触发(或者浏览器窗口已被关闭) |
onresize | 当浏览器窗口被调整大小时触发 |
五、手机端触摸屏幕的事件
手机屏触摸事件只会在手机端触发
事件名 | 功能 |
---|---|
ontouchstart | 当触摸开始的时候触发 |
ontouchend | 当触摸结束的时候触发 |
ontouchmove | 当手指在屏幕上滑动的时候触发 |