js鼠标事件大全
| 一般事件 | ||
|---|---|---|
| 事件 | 浏览器支持 | 描述 |
| 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 |
当浏览者按下鼠标右键出现菜单时或者通过键盘的按键触发页面菜单时触发的事件 [试试在页面中的<body>中加入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 当对象的初始化属性值发生变化时触发的事件
转自:http://www.jb51.net/article/28772.htm
js鼠标事件大全的更多相关文章
- JS鼠标事件大全 推荐收藏
一般事件 事件 浏览器支持 描述 onClick HTML: 2 | 3 | 3.2 | 4 Browser: IE3 | N2 | O3 鼠标点击事件,多用在某个对象控制的范围内的鼠标点击 onDb ...
- JS 鼠标事件大全
一般事件 事件 浏览器支持 描述 onClick HTML: 2 | 3 | 3.2 | 4 Browser: IE3 | N2 | O3 鼠标点击事件,多用在某个对象控制的范围内的鼠标点击 onDb ...
- js 鼠标事件的抓取代码
js 鼠标事件的抓取代码,分享给大家. 1.通过ele.setCapture();设置鼠标事件的抓取. 2,应用可以通过单.双击文字来获取时间. <html> <head> & ...
- 史上最全的CSS hack方式一览 jQuery 图片轮播的代码分离 JQuery中的动画 C#中Trim()、TrimStart()、TrimEnd()的用法 marquee 标签的使用详情 js鼠标事件 js添加遮罩层 页面上通过地址栏传值时出现乱码的两种解决方法 ref和out的区别在c#中 总结
史上最全的CSS hack方式一览 2013年09月28日 15:57:08 阅读数:175473 做前端多年,虽然不是经常需要hack,但是我们经常会遇到各浏览器表现不一致的情况.基于此,某些情况我 ...
- [JS]鼠标事件穿透的问题
今天制作登陆窗口的效果时碰到的一个问题,如下: 标签结构如下: <div id="loginFrame"> <form class="loginFram ...
- js鼠标事件相关知识
1.mousedown->mouseup依次触发后相当于click事件 2.除了mouseenter和mouseleave外,其它的鼠标事件都是冒泡的 3.mouseover和mouseout事 ...
- JS禁止WEB页面鼠标事件大全
<!--禁止鼠标右键代码-->:<noscript><ifra:<scriptlanguage=javas:<!--:if(window.Event):doc ...
- JS触发事件大全
事件 浏览器支持 解说 一般事件 onclick IE3.N2 鼠标点击时触发此事件 ondblclick IE4.N4 鼠标双击时触发此事件 onmousedown IE4.N4 按下鼠 ...
- js鼠标事件
今天遇到一个非常奇怪而又搞笑的事情:给一个a标签添加一个鼠标移动上时给一个事件,我给其添加的是一个onMouseMove事件,结果在IE6 7 8 9和GOOLE中都很正常,结果在Firox中出现问题 ...
随机推荐
- tabbarItem字体及图片颜色设置
tabbarItem设置图片后运行往往与我们原始图片颜色有出入,这是因为在默认情况下,未选中状态图片和字体颜色为灰色,选中状态下图片和字体颜色为蓝色. UIImage 在呈现(render)时会选 ...
- html5快速入门(四)—— JavaScript
前言: 1.HTML5的发展非常迅速,可以说已经是前端开发人员的标配,在电商类型的APP中更是运用广泛,这个系列的文章是本人自己整理,尽量将开发中不常用到的剔除,将经常使用的拿出来,使需要的朋友能够真 ...
- IOS开发基础知识--碎片31
1:UITableViewCell drawInRect 在iOS7中失败 解决办法,把Cell里的布局移到新建的View里面,在View里面实现DrawInRect,然后在Cell里面加载View, ...
- iOS切图文件的命名规范
万能公式:
- iOS Swift-HelloWord
iOS Swift-HelloWord 按部就班选择Swif开发语言,输出HelloWord. override func viewDidLoad() { super.viewDidLoad() pr ...
- Play Framework 完整实现一个APP(五)
程序以及基本可用了,需要继续完善页面 1.创建页面模板 创建文件 app/views/tags/display.html *{ Display a post in one of these modes ...
- Linux tmp目录自动清理总结
在Linux系统中/tmp文件夹下的文件是会被清理.删除的,文件清理的规则是如何设定的呢? 以Redhat为例,这个主要是因为作业里面会调用tmpwatch命令删除那些一段时间没有访问的文件. 那么什 ...
- JavaScript 省市级联效果
JavaScript 省市级联效果 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " ...
- HTML5 兼容IE浏览器
<!doctype html> <html> <head> <meta charset="utf-8"> <title> ...
- nginx 301 永久重定向
nginx301跳转设置很简单,配置如下. (配置文件默认为nginx.conf,如果制定了新的配置文件,在新的文件配置即可.) server{ server_name xxx.com www.xxx ...