JS鼠标事件大全推荐收藏

2024-12-19 10:54:14

一般事件
事件	浏览器支持	描述
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 当对象的初始化属性值发生变化时触发的事件

js动态设置鼠标事件示例代码

复制代码代码如下: obj.onmouseover=function (){ $("#vote").html("赞过了"); } obj.onmouseout=function (){ $("#ssvote").html("赞(" + vote_num+")"); }
关于js中的鼠标事件总结

js中鼠标事件主要有onclick,onmousedown,onmouseup,oncontextmenu,ondblclick,所有的这些事件都包含有一个事件对象event,当然在IE低版本下,event对象是挂在window底下的.这个我们另行讨论. 1.通过html添加事件 <input type="button" click="alert(1)"/> 2.通过DOM0级方式添加事件 <input type="button"
js事件监听机制(事件捕获)总结

在前端开发过程中我们经常会遇到给页面元素添加事件的问题,添加事件的js方法也很多,有直接加到页面结构上的,有使用一些js事件监听的方法,由于各个浏览器对事件冒泡事件监听的机制不同,le浏览器只有事件冒泡,没有事件监听的机制,对于事件监听的兼容性问题是最大的难题: 1.直接把事件的方法写在页面结构上 function eventfun(){ //console.log(this); } <input type="button" onclick="eventfun()&qu
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
Linux 常用命令操作大全(推荐收藏)

1.系统信息命令 arch 显示机器的处理器架构(1) uname -m 显示机器的处理器架构(2) uname -r 显示正在使用的内核版本 dmidecode -q 显示硬件系统部件 - (SMBIOS / DMI) hdparm -i /dev/hda 罗列一个磁盘的架构特性 hdparm -tT /dev/sda 在磁盘上执行测试性读取操作 cat /proc/cpuinfo 显示CPU info的信息 cat /proc/interrupts 显示中断 cat /proc/memin
js 鼠标事件的抓取

1.通过ele.setCapture();设置鼠标事件的抓取. 2,应用可以通过单.双击文字来获取时间. 代码如下: 鼠标事件的抓取 // 鼠标事件的抓取 function mouseCapture(){ ele.setCapture(); } // 鼠标事件的释放 function showAction(){ if (event.srcElement.id != "ele") ele.style.background = "pink"; else ele.rele
php图像处理函数大全(推荐收藏)

一.创建图片资源imagecreatetruecolor(width,height);imagecreatefromgif(图片名称);imagecreatefrompng(图片名称);imagecreatefromjpeg(图片名称);画出各种图像 imagegif(图片资源,保存路径);imagepng()imagejpeg(); 二.获取图片属性imagesx(res//宽度imagesy(res//高度getimagesize(文件路径)返回一个具有四个单元的数组.索引 0 包含图像宽度
常用JS图片滚动（无缝、平滑、上下左右滚动）代码大全(推荐)

废话不多说了,直接给大家贴代码了,具体代码如下所示: <head> <-----> </head> <body>  <div id="colee" style="overflow:hidden;height:253px;width:410px;"> <div id="colee1"> <p><img src=&quo
JavaScript(js)处理的HTML事件、键盘事件、鼠标事件简单示例

本文实例讲述了JavaScript(js)处理的HTML事件.键盘事件.鼠标事件.分享给大家供大家参考,具体如下: 示例代码: HTML文件: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>HTML文件</title> <script> window.οnlοad=function () {
JavaScript事件学习小结(五）js中事件类型之鼠标事件

相关阅读: JavaScript事件学习小结(五)js中事件类型之鼠标事件 http://www.jb51.net/article/86259.htm JavaScript事件学习小结(一)事件流 http://www.jb51.net/article/86261.htm javaScript事件学习小结(四)event的公共成员(属性和方法) http://www.jb51.net/article/86262.htm JavaScript事件学习小结(二)js事件处理程序 http://www
js添加事件的通用方法推荐

js添加事件的通用方法推荐 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <p id="p1">测试添加事件:firefox使用addEventListener,ie使用attachEvent<br> 点击此p标签,绑定了2个弹
JS 实现banner图片轮播效果(鼠标事件)

一.要实现的效果 1.点击左右可切换图片 2.点击小圆点可切换图片二.效果图三.代码 1.css <style type="text/css"> body,img,span,ul,li{margin: 0;padding: 0;} #div1{width: 600px;height: 350px;margin: 150px auto;border: 10px solid #eee;position: relative;} img{width: 600px;height

JS鼠标事件大全 推荐收藏

相关推荐

随机推荐

JS鼠标事件大全推荐收藏