JS鼠标事件大全 推荐收藏

时间:2022-09-06 19:47:50
一般事件
事件 浏览器支持 描述
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鼠标事件大全 推荐收藏的更多相关文章

  1. js鼠标事件大全

    一般事件 事件 浏览器支持 描述 onClick HTML: 2 | 3 | 3.2 | 4 Browser: IE3 | N2 | O3 鼠标点击事件,多用在某个对象控制的范围内的鼠标点击 onDb ...

  2. JS 鼠标事件大全

    一般事件 事件 浏览器支持 描述 onClick HTML: 2 | 3 | 3.2 | 4 Browser: IE3 | N2 | O3 鼠标点击事件,多用在某个对象控制的范围内的鼠标点击 onDb ...

  3. 史上最全的CSS hack方式一览 jQuery 图片轮播的代码分离 JQuery中的动画 C&num;中Trim&lpar;&rpar;、TrimStart&lpar;&rpar;、TrimEnd&lpar;&rpar;的用法 marquee 标签的使用详情 js鼠标事件 js添加遮罩层 页面上通过地址栏传值时出现乱码的两种解决方法 ref和out的区别在c&num;中 总结

    史上最全的CSS hack方式一览 2013年09月28日 15:57:08 阅读数:175473 做前端多年,虽然不是经常需要hack,但是我们经常会遇到各浏览器表现不一致的情况.基于此,某些情况我 ...

  4. js 鼠标事件的抓取代码

    js 鼠标事件的抓取代码,分享给大家. 1.通过ele.setCapture();设置鼠标事件的抓取. 2,应用可以通过单.双击文字来获取时间. <html> <head> & ...

  5. &lbrack;JS&rsqb;鼠标事件穿透的问题

    今天制作登陆窗口的效果时碰到的一个问题,如下: 标签结构如下: <div id="loginFrame"> <form class="loginFram ...

  6. js鼠标事件相关知识

    1.mousedown->mouseup依次触发后相当于click事件 2.除了mouseenter和mouseleave外,其它的鼠标事件都是冒泡的 3.mouseover和mouseout事 ...

  7. JS禁止WEB页面鼠标事件大全

    <!--禁止鼠标右键代码-->:<noscript><ifra:<scriptlanguage=javas:<!--:if(window.Event):doc ...

  8. JS触发事件大全

          事件 浏览器支持 解说 一般事件 onclick IE3.N2 鼠标点击时触发此事件 ondblclick IE4.N4 鼠标双击时触发此事件 onmousedown IE4.N4 按下鼠 ...

  9. js鼠标事件

    今天遇到一个非常奇怪而又搞笑的事情:给一个a标签添加一个鼠标移动上时给一个事件,我给其添加的是一个onMouseMove事件,结果在IE6 7 8 9和GOOLE中都很正常,结果在Firox中出现问题 ...

随机推荐

  1. mysql局域网连接

    GRANT ALL PRIVILEGES ON *.* TO 'root'@'%'IDENTIFIED BY '123456' WITH GRANT OPTION; //从任何主机连接到mysql服务 ...

  2. &lbrack;shell基础&rsqb;——I&sol;O重定向

    文件标识符(FD) 1. Linux使用文件标识符(FD)来标识一个进程正在访问的特定文件 2. 当打开一个文件或创建一个文件时,Linux将返回一个文件标识符供其他操作引用 3. 文件标识符是一个小 ...

  3. 桶排序-Node&period;js

    , , , , ]; var a = [], i; ; i < b.length; i++) { var num = b[i]; a[num] = a[num]||; a[num] ++; nu ...

  4. CentOS系统安全配置

    http://down.51cto.com/data/318797 http://www.centos.bz/2011/07/centos-system-security-configure/ htt ...

  5. HDU2005-第几天

    描述: 给定一个日期,输出这个日期是该年的第几天. 代码: #include<stdio.h> #include<string.h> #include<iostream& ...

  6. QSDK下驱动AR8035

    0 概述 QSDK平台中,我所接触到的版本,能支持MIPS架构的,是基于Openwrt AA版本:虽然CC版本上就已经能很好地支持AR8035了,可是AA版本它本身是不支持的,于是不断有人要求提供补丁 ...

  7. Redhat 6&period;7 x64升级SSH到OpenSSH&lowbar;7&period;4p1完整文档

    原文链接:https://www.cnblogs.com/xshrim/p/6472679.html 导语 Redhat企业级系统的6.7版自带SSH版本为OpenSSH_5.3p1, 基于审计和安全 ...

  8. 「POJ - 2318」TOYS &lpar;叉乘&rpar;

    BUPT 2017 summer training (16) #2 A 题意 有一个玩具盒,被n个隔板分开成左到u右n+1个区域,然后给每个玩具的坐标,求每个区域有几个玩具. 题解 依次用叉积判断玩具 ...

  9. boost asio 学习&lpar;五&rpar; 错误处理

    http://www.gamedev.net/blog/950/entry-2249317-a-guide-to-getting-started-with-boostasio?pg=6 5. Erro ...

  10. SharePoint Framework 企业向导(三)

    博客地址:http://blog.csdn.net/FoxDave 透视视图:SharePoint在更广泛的SharePoint平台中 SPFx是一个新的模型,附加在已存在的方法上,但是专注于为用 ...