JS鼠标事件大全 推荐收藏


Posted in Javascript onNovember 01, 2011
一般事件
事件 浏览器支持 描述
onClick HTML: 2 | 3 | 3.2 | 4 Browser: IE3 | N2 | O3 鼠标点击事件,多用在某个对象控制的范围内的鼠标点击
onDblClick HTML: 2 | 3 | 3.2 | 4 Browser: IE4 | N4 | O 鼠标双击事件
onMouseDown HTML: 2 | 3 | 3.2 | 4 Browser: IE4 | N4 | O 鼠标上的按钮被按下了
onMouseUp HTML: 2 | 3 | 3.2 | 4 Browser: IE4 | N4 | O 鼠标按下后,松开时激发的事件
onMouseOver HTML: 2 | 3 | 3.2 | 4 Browser: IE3 | N2 | O3 当鼠标移动到某对象范围的上方时触发的事件
onMouseMove HTML: 2 | 3 | 3.2 | 4 Browser: IE4 | N4 | O 鼠标移动时触发的事件
onMouseOut HTML: 2 | 3 | 3.2 | 4 Browser: IE4 | N3 | O3 当鼠标离开某对象范围时触发的事件
onKeyPress HTML: 2 | 3 | 3.2 | 4 Browser: IE4 | N4 | O 当键盘上的某个键被按下并且释放时触发的事件.[注意:页面内必须有被聚焦的对象]
onKeyDown HTML: 2 | 3 | 3.2 | 4 Browser: IE4 | N4 | O 当键盘上某个按键被按下时触发的事件[注意:页面内必须有被聚焦的对象]
onKeyUp HTML: 2 | 3 | 3.2 | 4 Browser: IE4 | N4 | O 当键盘上某个按键被按放开时触发的事件[注意:页面内必须有被聚焦的对象]
页面相关事件
事件 浏览器支持 描述
onAbort HTML: 2 | 3 | 3.2 | 4 Browser: IE4 | N3 | O 图片在下载时被用户中断
onBeforeUnload HTML: 2 | 3 | 3.2 | 4 Browser: IE4 | N | O 当前页面的内容将要被改变时触发的事件
onError HTML: 2 | 3 | 3.2 | 4 Browser: IE4 | N3 | O 捕抓当前页面因为某种原因而出现的错误,如脚本错误与外部数据引用的错误
onLoad HTML: 2 | 3 | 3.2 | 4 Browser: IE3 | N2 | O3 页面内空完成传送到浏览器时触发的事件,包括外部文件引入完成
onMove HTML: 2 | 3 | 3.2 | 4 Browser: IE | N4 | O 浏览器的窗口被移动时触发的事件
onResize HTML: 2 | 3 | 3.2 | 4 Browser: IE4 | N4 | O 当浏览器的窗口大小被改变时触发的事件
onScroll HTML: 2 | 3 | 3.2 | 4 Browser: IE4 | N | O 浏览器的滚动条位置发生变化时触发的事件
onStop HTML: 2 | 3 | 3.2 | 4 Browser: IE5 | N | O 浏览器的停止按钮被按下时触发的事件或者正在下载的文件被中断
onUnload HTML: 2 | 3 | 3.2 | 4 Browser: IE3 | N2 | O3 当前页面将被改变时触发的事件
表单相关事件
事件 浏览器支持 描述
onBlur HTML: 2 | 3 | 3.2 | 4 Browser: IE3 | N2 | O3 当前元素失去焦点时触发的事件 [鼠标与键盘的触发均可]
onChange HTML: 2 | 3 | 3.2 | 4 Browser: IE3 | N2 | O3 当前元素失去焦点并且元素的内容发生改变而触发的事件 [鼠标与键盘的触发均可]
onFocus HTML: 2 | 3 | 3.2 | 4 Browser: IE3 | N2 | O3 当某个元素获得焦点时触发的事件
onReset HTML: 2 | 3 | 3.2 | 4 Browser: IE4 | N3 | O3 当表单中RESET的属性被激发时触发的事件
onSubmit HTML: 2 | 3 | 3.2 | 4 Browser: IE3 | N2 | O3 一个表单被递交时触发的事件
滚动字幕事件
事件 浏览器支持 描述
onBounce HTML: 2 | 3 | 3.2 | 4 Browser: IE4 | N | O 在Marquee内的内容移动至Marquee显示范围之外时触发的事件
onFinish HTML: 2 | 3 | 3.2 | 4 Browser: IE4 | N | O 当Marquee元素完成需要显示的内容后触发的事件
onStart HTML: 2 | 3 | 3.2 | 4 Browser: IE4 | N | O 当Marquee元素开始显示内容时触发的事件
编辑事件
事件 浏览器支持 描述
onBeforeCopy HTML: 2 | 3 | 3.2 | 4 Browser: IE5 | N | O 当页面当前的被选择内容将要复制到浏览者系统的剪贴板前触发的事件
onBeforeCut HTML: 2 | 3 | 3.2 | 4 Browser: IE5 | N | O 当页面中的一部分或者全部的内容将被移离当前页面[剪贴]并移动到浏览者的系统剪贴板时触发的事件
onBeforeEditFocus HTML: 2 | 3 | 3.2 | 4 Browser: IE5 | N | O 当前元素将要进入编辑状态
onBeforePaste HTML: 2 | 3 | 3.2 | 4 Browser: IE5 | N | O 内容将要从浏览者的系统剪贴板传送[粘贴]到页面中时触发的事件
onBeforeUpdate HTML: 2 | 3 | 3.2 | 4 Browser: IE5 | N | O 当浏览者粘贴系统剪贴板中的内容时通知目标对象
onContextMenu HTML: 2 | 3 | 3.2 | 4 Browser: IE5 | N | O

当浏览者按下鼠标右键出现菜单时或者通过键盘的按键触发页面菜单时触发的事件 [试试在页面中的

中加入onContentMenu="return false"就可禁止使用鼠标右键了]
onCopy HTML: 2 | 3 | 3.2 | 4 Browser: IE5 | N | O 当页面当前的被选择内容被复制后触发的事件
onCut HTML: 2 | 3 | 3.2 | 4 Browser: IE5 | N | O 当页面当前的被选择内容被剪切时触发的事件
onDrag HTML: 2 | 3 | 3.2 | 4 Browser: IE5 | N | O 当某个对象被拖动时触发的事件 [活动事件]
onDragDrop HTML: 2 | 3 | 3.2 | 4 Browser: IE | N4 | O 一个外部对象被鼠标拖进当前窗口或者帧
onDragEnd HTML: 2 | 3 | 3.2 | 4 Browser: IE5 | N | O 当鼠标拖动结束时触发的事件,即鼠标的按钮被释放了
onDragEnter HTML: 2 | 3 | 3.2 | 4 Browser: IE5 | N | O 当对象被鼠标拖动的对象进入其容器范围内时触发的事件
onDragLeave HTML: 2 | 3 | 3.2 | 4 Browser: IE5 | N | O 当对象被鼠标拖动的对象离开其容器范围内时触发的事件
onDragOver HTML: 2 | 3 | 3.2 | 4 Browser: IE5 | N | O 当某被拖动的对象在另一对象容器范围内拖动时触发的事件 [活动事件]
onDragStart HTML: 2 | 3 | 3.2 | 4 Browser: IE4 | N | O 当某对象将被拖动时触发的事件
onDrop HTML: 2 | 3 | 3.2 | 4 Browser: IE5 | N | O 在一个拖动过程中,释放鼠标键时触发的事件
onLoseCapture HTML: 2 | 3 | 3.2 | 4 Browser: IE5 | N | O 当元素失去鼠标移动所形成的选择焦点时触发的事件
onPaste HTML: 2 | 3 | 3.2 | 4 Browser: IE5 | N | O 当内容被粘贴时触发的事件
onSelect HTML: 2 | 3 | 3.2 | 4 Browser: IE4 | N | O 当文本内容被选择时的事件
onSelectStart HTML: 2 | 3 | 3.2 | 4 Browser: IE4 | N | O 当文本内容选择将开始发生时触发的事件
数据绑定
事件 浏览器支持 描述
onAfterUpdate HTML: 2 | 3 | 3.2 | 4 Browser: IE4 | N | O 当数据完成由数据源到对象的传送时触发的事件
onCellChange HTML: 2 | 3 | 3.2 | 4 Browser: IE5 | N | O 当数据来源发生变化时
onDataAvailable HTML: 2 | 3 | 3.2 | 4 Browser: IE4 | N | O 当数据接收完成时触发事件
onDatasetChanged HTML: 2 | 3 | 3.2 | 4 Browser: IE4 | N | O 数据在数据源发生变化时触发的事件
onDatasetComplete HTML: 2 | 3 | 3.2 | 4 Browser: IE4 | N | O 当来子数据源的全部有效数据读取完毕时触发的事件
onErrorUpdate HTML: 2 | 3 | 3.2 | 4 Browser: IE4 | N | O 当使用onBeforeUpdate事件触发取消了数据传送时,代替onAfterUpdate事件
onRowEnter HTML: 2 | 3 | 3.2 | 4 Browser: IE5 | N | O 当前数据源的数据发生变化并且有新的有效数据时触发的事件
onRowExit HTML: 2 | 3 | 3.2 | 4 Browser: IE5 | N | O 当前数据源的数据将要发生变化时触发的事件
onRowsDelete HTML: 2 | 3 | 3.2 | 4 Browser: IE5 | N | O 当前数据记录将被删除时触发的事件
onRowsInserted HTML: 2 | 3 | 3.2 | 4 Browser: IE5 | N | O 当前数据源将要插入新数据记录时触发的事件
外部事件
事件 浏览器支持 描述
onAfterPrint HTML: 2 | 3 | 3.2 | 4 Browser: IE5 | N | O 当文档被打印后触发的事件
onBeforePrint HTML: 2 | 3 | 3.2 | 4 Browser: IE5 | N | O 当文档即将打印时触发的事件
onFilterChange HTML: 2 | 3 | 3.2 | 4 Browser: IE4 | N | O 当某个对象的滤镜效果发生变化时触发的事件
onHelp HTML: 2 | 3 | 3.2 | 4 Browser: IE4 | N | O 当浏览者按下F1或者浏览器的帮助选择时触发的事件
onPropertyChange HTML: 2 | 3 | 3.2 | 4 Browser: IE5 | N | O 当对象的属性之一发生变化时触发的事件
onReadyStateChange HTML: 2 | 3 | 3.2 | 4 Browser: IE4 | N | O 当对象的初始化属性值发生变化时触发

 

一般事件 事件 浏览器支持 描述
onClick IE3|N2|O3 鼠标点击事件,多用在某个对象控制的范围内的鼠标点击
onDblClick IE4|N4|O 鼠标双击事件
onMouseDown IE4|N4|O 鼠标上的按钮被按下了
onMouseUp IE4|N4|O 鼠标按下后,松开时激发的事件
onMouseOver IE3|N2|O3 当鼠标移动到某对象范围的上方时触发的事件
onMouseMove IE4|N4|O 鼠标移动时触发的事件
onMouseOut IE4|N3|O3 当鼠标离开某对象范围时触发的事件
onKeyPress IE4|N4|O 当键盘上的某个键被按下并且释放时触发的事件.[注意:页面内必须有被聚焦的对象]
onKeyDown IE4|N4|O 当键盘上某个按键被按下时触发的事件[注意:页面内必须有被聚焦的对象]
onKeyUp IE4|N4|O 当键盘上某个按键被按放开时触发的事件[注意:页面内必须有被聚焦的对象]
页面相关事件 事件 浏览器支持 描述
onAbort IE4|N3|O 图片在下载时被用户中断
onBeforeUnload IE4|N|O 当前页面的内容将要被改变时触发的事件
onError IE4|N3|O 捕抓当前页面因为某种原因而出现的错误,如脚本错误与外部数据引用的错误
onLoad IE3|N2|O3 页面内空完成传送到浏览器时触发的事件,包括外部文件引入完成
onMove IE|N4|O 浏览器的窗口被移动时触发的事件
onResize IE4|N4|O 当浏览器的窗口大小被改变时触发的事件
onScroll IE4|N|O 浏览器的滚动条位置发生变化时触发的事件
onStop IE5|N|O 浏览器的停止按钮被按下时触发的事件或者正在下载的文件被中断
onUnload IE3|N2|O3 当前页面将被改变时触发的事件
表单相关事件 事件 浏览器支持 描述
onBlur IE3|N2|O3 当前元素失去焦点时触发的事件 [鼠标与键盘的触发均可]
onChange IE3|N2|O3 当前元素失去焦点并且元素的内容发生改变而触发的事件 [鼠标与键盘的触发均可]
onFocus IE3|N2|O3 当某个元素获得焦点时触发的事件
onReset IE4|N3|O3 当表单中RESET的属性被激发时触发的事件
onSubmit IE3|N2|O3 一个表单被递交时触发的事件
滚动字幕事件 事件 浏览器支持 描述
onBounce IE4|N|O 在Marquee内的内容移动至Marquee显示范围之外时触发的事件
onFinish IE4|N|O 当Marquee元素完成需要显示的内容后触发的事件
onStart IE4|N|O 当Marquee元素开始显示内容时触发的事件
编辑事件 事件 浏览器支持 描述
onBeforeCopy IE5|N|O 当页面当前的被选择内容将要复制到浏览者系统的剪贴板前触发的事件
onBeforeCut IE5|N|O 当页面中的一部分或者全部的内容将被移离当前页面[剪贴]并移动到浏览者的系统剪贴板时触发的事件
onBeforeEditFocus IE5|N|O 当前元素将要进入编辑状态
onBeforePaste IE5|N|O 内容将要从浏览者的系统剪贴板传送[粘贴]到页面中时触发的事件
onBeforeUpdate IE5|N|O 当浏览者粘贴系统剪贴板中的内容时通知目标对象
onContextMenu IE5|N|O 当浏览者按下鼠标右键出现菜单时或者通过键盘的按键触发页面菜单时触发的事件 [试试在页面中的<body>中加入onContentMenu="return false"就可禁止使用鼠标右键了]
onCopy IE5|N|O 当页面当前的被选择内容被复制后触发的事件
onCut IE5|N|O 当页面当前的被选择内容被剪切时触发的事件
onDrag IE5|N|O 当某个对象被拖动时触发的事件 [活动事件]
onDragDrop IE|N4|O 一个外部对象被鼠标拖进当前窗口或者帧
onDragEnd IE5|N|O 当鼠标拖动结束时触发的事件,即鼠标的按钮被释放了
onDragEnter IE5|N|O 当对象被鼠标拖动的对象进入其容器范围内时触发的事件
onDragLeave IE5|N|O 当对象被鼠标拖动的对象离开其容器范围内时触发的事件
onDragOver IE5|N|O 当某被拖动的对象在另一对象容器范围内拖动时触发的事件
onDragStart IE4|N|O 当某对象将被拖动时触发的事件
onDrop IE5|N|O 在一个拖动过程中,释放鼠标键时触发的事件
onLoseCapture IE5|N|O 当元素失去鼠标移动所形成的选择焦点时触发的事件
onPaste IE5|N|O 当内容被粘贴时触发的事件
onSelect IE4|N|O 当文本内容被选择时的事件
onSelectStart IE4|N|O 当文本内容选择将开始发生时触发的事件
数据绑定 事件 浏览器支持 描述
onAfterUpdate IE4|N|O 当数据完成由数据源到对象的传送时触发的事件
onCellChange IE5|N|O 当数据来源发生变化时
onDataAvailable IE4|N|O 当数据接收完成时触发事件
onDatasetChanged IE4|N|O 数据在数据源发生变化时触发的事件
onDatasetComplete IE4|N|O 当来子数据源的全部有效数据读取完毕时触发的事件
onErrorUpdate IE4|N|O 当使用onBeforeUpdate事件触发取消了数据传送时,代替onAfterUpdate事件
onRowEnter IE5|N|O 当前数据源的数据发生变化并且有新的有效数据时触发的事件
onRowExit IE5|N|O 当前数据源的数据将要发生变化时触发的事件
onRowsDelete IE5|N|O 当前数据记录将被删除时触发的事件
onRowsInserted IE5|N|O 当前数据源将要插入新数据记录时触发的事件
数据绑定 事件 浏览器支持 描述
onAfterPrint IE5|N|O 当文档被打印后触发的事件
onBeforePrint IE5|N|O 当文档即将打印时触发的事件
onFilterChange IE4|N|O 当某个对象的滤镜效果发生变化时触发的事件
onHelp IE4|N|O 当浏览者按下F1或者浏览器的帮助选择时触发的事件
onPropertyChange IE5|N|O 当对象的属性之一发生变化时触发的事件
onReadyStateChange IE4|N|O 当对象的初始化属性值发生变化时触发的事件

Javascript 相关文章推荐
用js查找法实现当前栏目的高亮显示的代码
Nov 24 Javascript
javascript new后的constructor属性
Aug 05 Javascript
读jQuery之三(构建选择器)
Jun 11 Javascript
js网页滚动条滚动事件实例分析
May 05 Javascript
vue中v-model动态生成的实例详解
Oct 27 Javascript
vue使用 better-scroll的参数和方法详解
Jan 25 Javascript
react项目实践之webpack-dev-serve
Sep 14 Javascript
Vue常用的几个指令附完整案例
Nov 06 Javascript
小程序实现列表多个批量倒计时
Jan 29 Javascript
微信小程序绘制图片发送朋友圈
Jul 25 Javascript
ES6中new Function()语法及应用实例分析
Feb 19 Javascript
three.js 如何制作魔方
Jul 31 Javascript
EasyUI中的tree用法介绍
Nov 01 #Javascript
jQuery代码优化 事件委托篇
Nov 01 #Javascript
jQuery代码优化 遍历篇
Nov 01 #Javascript
jQuery代码优化 选择符篇
Nov 01 #Javascript
jQuery代码优化之基本事件
Nov 01 #Javascript
js下获得客户端操作系统的函数代码(1:vista,2:windows7,3:2000,4:xp,5:2003,6:2008)
Oct 31 #Javascript
线路分流自动智能跳转代码,自动选择最快镜像网站(js)
Oct 31 #Javascript
You might like
php实现session共享的实例方法
2019/09/19 PHP
Yii框架组件的事件机制原理与用法分析
2020/04/07 PHP
javascript 兼容FF的onmouseenter和onmouseleave的代码
2008/07/19 Javascript
自己做的模拟模态对话框实现代码
2012/05/23 Javascript
jquery select动态加载选择(兼容各种浏览器)
2013/02/01 Javascript
php与js的区别是什么
2013/08/05 Javascript
js 3秒后跳转页面的实现代码
2014/03/10 Javascript
js 左右悬浮对联广告代码示例
2014/12/12 Javascript
用js控件div的滚动条,让它在内容更新时自动滚到底部的实现方法
2016/10/27 Javascript
JS简单获得节点元素的方法示例
2018/02/10 Javascript
webpack4 升级迁移的实现
2018/09/12 Javascript
JavaScript解析及序列化JSON的方法实例分析
2019/01/04 Javascript
JavaScript强制类型转换和隐式类型转换操作示例
2019/05/01 Javascript
js贪心算法 钱币找零问题代码实例
2019/09/11 Javascript
vue中uni-app 实现小程序登录注册功能
2019/10/12 Javascript
webpack 最佳配置指北(推荐)
2020/01/07 Javascript
Vue-CLI 3 scp2自动部署项目至服务器的方法
2020/07/24 Javascript
jQuery实现带进度条的轮播图
2020/09/13 jQuery
vue+elementUI实现简单日历功能
2020/09/24 Javascript
Node使用koa2实现一个简单JWT鉴权的方法
2021/01/26 Javascript
[57:53]Secret vs Pain 2018国际邀请赛小组赛BO2 第二场 8.17
2018/08/20 DOTA
用Python实现协同过滤的教程
2015/04/08 Python
使用Python的package机制如何简化utils包设计详解
2017/12/11 Python
Python实现的爬取百度文库功能示例
2019/02/16 Python
python之拟合的实现
2019/07/19 Python
python-OpenCV 实现将数组转换成灰度图和彩图
2020/01/09 Python
Django中ORM的基本使用教程
2020/12/22 Python
最新结婚典礼主持词
2014/03/14 职场文书
竞选班长的演讲稿
2014/04/24 职场文书
市级绿色学校申报材料
2014/08/25 职场文书
法人代表证明书
2014/09/18 职场文书
成都人事代理协议书
2014/10/25 职场文书
计划生育工作汇报
2014/10/28 职场文书
早恋主题班会
2015/08/14 职场文书
2016年主题党日活动总结
2016/04/05 职场文书
MYSQL如何查看操作日志详解
2022/05/30 MySQL