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


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


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事件

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

oncopy事件

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

oncut事件

当前被选择的内容被剪切

onpaste事件

当内容被粘贴时



  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值