您的位置:首页 > Web前端 > JavaScript

[Javascript]:JS的常用事件总结

2017-09-23 20:19 567 查看
下面收集了网上一些已经分好类的常用事件,方便自己查找相关事件知识。如有需要,请自取。

Window事件

针对 window 对象触发的事件,也就是常说的页面事件,属于浏览器事件类型(应用到 <body> 标签):
事件
触发该事件的条件
onload
页面内容加载完成时触发此事件
onunload
文档卸载,即当前页面窗口关闭触发此事件
onbeforeunload
当前页面窗口关闭之前触发此事件
onerror
文档发生错误时触发此事件
onabort
图片在下载时被用户中断
onmove
浏览器的窗口被移动时触发此事件
oncontextmenu
当弹出右键上下文菜单时发生
onresize
当浏览器窗口被调整大小时触发
onscroll
浏览器的滚动条位置发生变化时触发此事件
onafterprint
onbeforeprint
文档打印完后触发此事件
文档打印之前触发此事件

鼠标和键盘事件

事件名
触发该事件的条件
onclick事件

鼠标点击某个对象

ondblclick事件

鼠标双击某个对象

onmousedown事件

按下鼠标键

onmouseup事件

鼠标键按下后松开

onmouseover事件

鼠标移动到某对象范围的上方

onmouseout事件

鼠标离开某对象范围

onkeydown事件

键盘上某个按键被按下

onkeypress事件

键盘上某个键被按下或按住

onkeyup事件

键盘上某个键(按下后)被松开

表单事件(form)

由 HTML 表单内的动作触发的事件(应用到几乎所有 HTML 元素,但最常用在 form 元素中)

事件名
触发该事件的条件
onblur事件

元素失去焦点

onfocus事件

元素获得焦点

onchange事件

用户改变表单域的内容

onsubmit事件

表单提交按钮被点击

onreset事件

表单重置按钮被点击

onformchange

在表单改变时运行的脚本。

onforminput

当表单获得用户输入时运行的脚本。

oninput

当元素获得用户输入时运行的脚本。

oninvalid

当元素无效时运行的脚本。

编辑事件

事件名
触发该事件的条件
onselect事件

当文本内容被选择

onbeforecopy事件

当页面被选择内容将要复制到系统剪贴板前

a762
oncopy事件

当前被选择的内容被复制后

oncut事件

当前被选择的内容被剪切

onpaste事件

当内容被粘贴时

内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  常用事件