JS鼠标事件大全(转)

最新推荐文章于 2024-10-10 16:22:39 发布
最新推荐文章于 2024-10-10 16:22:39 发布
阅读量554 收藏 1
点赞数
分类专栏： javascript 文章标签： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/bobobe/article/details/44206259
版权

一般事件

事件 浏览器支持 描述

onClick     鼠标点击事件，多用在某个对象控制的范围内的鼠标点击

onDblClick    鼠标双击事件

onMouseDown    鼠标上的按钮被按下了

onMouseUp    鼠标按下后，松开时激发的事件

onMouseOver 当鼠标移动到某对象范围的上方时触发的事件

onMouseMove    鼠标移动时触发的事件

onMouseOut  当鼠标离开某对象范围时触发的事件

onKeyPress    当键盘上的某个键被按下并且释放时触发的事件.[注意:页面内必须有被聚焦的对象]

onKeyDown    当键盘上某个按键被按下时触发的事件[注意:页面内必须有被聚焦的对象]

onKeyUp   当键盘上某个按键被按放开时触发的事件[注意:页面内必须有被聚焦的对象]

页面相关事件

事件 浏览器支持 描述

onAbort     图片在下载时被用户中断

onBeforeUnload    当前页面的内容将要被改变时触发的事件

onError     捕抓当前页面因为某种原因而出现的错误，如脚本错误与外部数据引用的错误

onLoad 页面内空完成传送到浏览器时触发的事件，包括外部文件引入完成

onMove    浏览器的窗口被移动时触发的事件

onResize    当浏览器的窗口大小被改变时触发的事件

onScroll    浏览器的滚动条位置发生变化时触发的事件

onStop  浏览器的停止按钮被按下时触发的事件或者正在下载的文件被中断

onUnload 当前页面将被改变时触发的事件

表单相关事件

事件 浏览器支持 描述

onBlur    当前元素失去焦点时触发的事件 [鼠标与键盘的触发均可]

onChange    当前元素失去焦点并且元素的内容发生改变而触发的事件 [鼠标与键盘的触发均可]

onFocus 当某个元素获得焦点时触发的事件

onReset 当表单中RESET的属性被激发时触发的事件

onSubmit  一个表单被递交时触发的事件

滚动字幕事件

事件 浏览器支持 描述

onBounce    在Marquee内的内容移动至Marquee显示范围之外时触发的事件

onFinish    当Marquee元素完成需要显示的内容后触发的事件

onStart    当Marquee元素开始显示内容时触发的事件

编辑事件

事件 浏览器支持 描述

onBeforeCopy    当页面当前的被选择内容将要复制到浏览者系统的剪贴板前触发的事件

onBeforeCut    当页面中的一部分或者全部的内容将被移离当前页面[剪贴]并移动到浏览者的系统剪贴板时触发的事件

onBeforeEditFocus  当前元素将要进入编辑状态

onBeforePaste    内容将要从浏览者的系统剪贴板传送[粘贴]到页面中时触发的事件

onBeforeUpdate    当浏览者粘贴系统剪贴板中的内容时通知目标对象

onContextMenu  当浏览者按下鼠标右键出现菜单时或者通过键盘的按键触发页面菜单时触发的事件 [试试在页面中的<body>中加入onContentMenu="return false"就可禁止使用鼠标右键了]

onCopy    当页面当前的被选择内容被复制后触发的事件

onCut    当页面当前的被选择内容被剪切时触发的事件

onDrag    当某个对象被拖动时触发的事件 [活动事件]

onDragDrop    一个外部对象被鼠标拖进当前窗口或者帧

onDragEnd    当鼠标拖动结束时触发的事件，即鼠标的按钮被释放了

onDragEnter    当对象被鼠标拖动的对象进入其容器范围内时触发的事件

onDragLeave    当对象被鼠标拖动的对象离开其容器范围内时触发的事件

onDragOver    当某被拖动的对象在另一对象容器范围内拖动时触发的事件 [活动事件]

onDragStart    当某对象将被拖动时触发的事件

onDrop    在一个拖动过程中，释放鼠标键时触发的事件

onLoseCapture   当元素失去鼠标移动所形成的选择焦点时触发的事件

onPaste    当内容被粘贴时触发的事件

onSelect    当文本内容被选择时的事件

onSelectStart    当文本内容选择将开始发生时触发的事件

数据绑定事件 浏览器支持 描述

onAfterUpdate  当数据完成由数据源到对象的传送时触发的事件

onCellChange  当数据来源发生变化时

onDataAvailable  当数据接收完成时触发事件

onDatasetChanged  数据在数据源发生变化时触发的事件

onDatasetComplete  当来子数据源的全部有效数据读取完毕时触发的事件

onErrorUpdate  当使用onBeforeUpdate事件触发取消了数据传送时，代替onAfterUpdate事件

onRowEnter  当前数据源的数据发生变化并且有新的有效数据时触发的事件

onRowExit  当前数据源的数据将要发生变化时触发的事件

onRowsDelete  当前数据记录将被删除时触发的事件

onRowsInserted  当前数据源将要插入新数据记录时触发的事件

外部事件

事件 浏览器支持 描述

onAfterPrint  当文档被打印后触发的事件

onBeforePrint  当文档即将打印时触发的事件

onFilterChange  当某个对象的滤镜效果发生变化时触发的事件

onHelp  当浏览者按下F1或者浏览器的帮助选择时触发的事件

onPropertyChange  当对象的属性之一发生变化时触发的事件

onReadyStateChange  当对象的初始化属性值发生变化时触发

bobobe
关注
专栏目录
js中鼠标事件大全
weixin_46381471的博客
07-13 2039
##js中 鼠标事件大全 click：单击事件。 dblclick：双击事件。 mousedown：按下鼠标键时触发。 mouseup：释放按下的鼠标键时触发。 mousemove：鼠标移动事件。 mouseover：移入事件。 mouseout：移出事件。 mouseenter：移入事件。 mouseleave：移出事件。 contextmenu：右键事件。 onmousewheel：滚轮事件。 //js中，onmousewheel：滚轮事件兼容性写法，该函数也是网上别人写的，不过找不到出处了，蛮好的，所
js鼠标事件
m0_57774967的博客
05-06 2570
通过鼠标触发事件, 类似用户的行为: 属性 描述 onclick 当单击鼠标时运行脚本 ondblclick 当双击鼠标时运行脚本 onmousedown 当按下鼠标按钮时运行脚本 onmousemove 当鼠标指针移动时运行脚本 onmouseout 当鼠标指针移..
JS的鼠标事件
shen_xy的博客
01-17 911
onmouseover和onmouseout方法： 把鼠标移到上面 function mOver(obj) { obj.innerHTML="谢谢" } function mOut(obj) { obj.innerHTML="把鼠标移到上面" }
javascript学习——鼠标事件详解
最新发布
白话机器学习
10-10 1556
WheelEvent 接口继承了 MouseEvent 实例，代表鼠标滚轮事件的实例对象。目前，鼠标滚轮相关的事件只有一个wheel事件，用户滚动鼠标的滚轮，就生成这个事件的实例。浏览器原生提供构造函数，用来生成WheelEvent实例。构造函数可以接受两个参数，第一个是字符串，表示事件类型，对于滚轮事件来说，这个值目前只能是wheel。第二个参数是事件的配置对象。该对象的属性除了EventUIEvent的配置属性以外，还可以接受以下几个属性，所有属性都是可选的。deltaX。
JS中的鼠标事件
热门推荐
m0_70185826的博客
07-01 1万+
通过鼠标触发事件，类似用户的行为：mouseover事件和mouseenter事件，都是鼠标进入一个节点时触发。两者的区别是，mouseenter事件只触发一次，而只要鼠标在节点内部移动，mouseover事件会在子节点上触发多次。 MouseEvent.button属性返回一个数值，表示事件发生时按下了鼠标的哪个键。 0代表左键 1代表中键 2代表右键 2. MouseEvent.clientX，MouseEvent.clientY MouseEvent.clientX属性返回鼠标位置相对于浏
Js之鼠标事件-鼠标事件
cx1361855155的博客
08-04 9452
鼠标点击事件包括 click（点击），dbclick（双击），mousedown（按下）和 mouseup（松开）四个。其中 click 事件比较常用，而mousedown 和 mouseup事件类型多用于鼠标施放，拉伸操作中。如果从父元素中移动到子元素中，也会触发元素的mouseover事件类型。mousemove 事件类型是一个实时响应的事件，当鼠标指针的位置发生变化时（至少移动一个像素），就会触发mousemove事件。该事件响应的灵敏度主要参考鼠标指针的移动速度块慢以及浏览器跟踪更新的速度。...
JS鼠标事件大全 推荐收藏
10-28
### JS鼠标事件大全详解 #### 一、概述 JavaScript（简称JS）是互联网上最流行的客户端脚本语言之一，广泛应用于网页开发中实现交互性功能。本文将详细介绍一系列常用的JS鼠标事件及其应用场景，并针对每种事件...
javascript 鼠标滚轮事件
10-30
为了兼容不同浏览器的鼠标滚轮事件，我们可以编写一个JavaScript类，将两种事件的监听方式封装在一个统一的接口中。在上述给定的代码中，定义了一个名为`wheelEvent`的类，用于创建一个滚轮事件监听对象。该类的构造...
JavaScript事件学习小结(五）js中事件类型之鼠标事件
11-22
JavaScript事件学习小结(五）js中事件类型之鼠标事件 //www.jb51.net/article/86259.htm JavaScript事件学习小结（一）事件流 //www.jb51.net/article/86261.htm javaScript事件学习小结（四）event的公共成员...
js 鼠标事件的抓取
10-29
### JS鼠标事件抓取知识点详解 #### 一、概述 在Web开发中，鼠标事件是非常常见且重要的交互方式之一。合理地使用鼠标事件能够极大地提升用户体验，并为用户提供更丰富的交互功能。本文将详细介绍如何在JavaScript...
js学习 鼠标事件
weixin_44552543的博客
04-22 353
鼠标移入移出事件 <head> <meta charset="UTF-8"> <title>鼠标事件</title> <link href="stlye01.css" rel="stylesheet" type="text/css"> </head> <body "mgs()"> <...
HTML——JS鼠标事件
Myuanforever的博客
06-07 3373
常用的几个鼠标事件onclick  当鼠标点击onbdclick  当鼠标双击onmouseover  当鼠标放上onmouseout  当鼠标移开onmousemove  当鼠标移动onmousedown  当鼠标单击onmouseup  当鼠标单击松开...
javascript学习之鼠标事件
白话机器学习
08-06 2970
WheelEvent 接口继承了 MouseEvent 实例，代表鼠标滚轮事件的实例对象。目前，鼠标滚轮相关的事件只有一个wheel事件，用户滚动鼠标的滚轮，就生成这个事件的实例。浏览器原生提供构造函数，用来生成WheelEvent实例。构造函数可以接受两个参数，第一个是字符串，表示事件类型，对于滚轮事件来说，这个值目前只能是wheel。第二个参数是事件的配置对象。该对象的属性除了EventUIEvent的配置属性以外，还可以接受以下几个属性，所有属性都是可选的。deltaX。
JS常用鼠标事件
前端开发-陈善强
12-01 1369
1. 禁止选中文字和禁止右键菜单 1.1 禁止鼠标右键菜单 contextmenu事件：鼠标右键菜单事件。主要控制应该何时显示上下文菜单（右键菜单），主要用于程序员取消默认的上下文菜单 document.addEventListener('contextmenu', function(e) { e.preventDefault(); }) 1.2 禁止鼠标选中（selectstart 事件：...
JavaScript常见鼠标事件
liGermini526的博客
03-16 6387
对于刚入门的前端程序员来说，js中较为重要的鼠标事件是一个重点记忆的内容，本文主要针对几个常用的鼠标事件做简单讲解，主要包括定义和使用场景。
JS的9个鼠标事件详解
中国程序猿
03-13 2218
七、鼠标事件 DOM3级事件中定义了9个鼠标事件。 mousedown:鼠标按钮被按下（左键或者右键）时触发。不能通过键盘触发。 mouseup:鼠标按钮被释放弹起时触发。不能通过键盘触发。 click:单击鼠标左键或者按下回车键时触发。这点对确保易访问性很重要，意味着onclick事件处理程序既可以通过键盘也可以通过鼠标执行。 dblclick:双击鼠标左键时触发。 mouseove...
Js中的DOM 事件及鼠标事件
豆豆熊博客
12-19 686
Js中的DOM 事件 ondblclick 鼠标双击时触发此事件 onmousedown 按下鼠标时触发此事件 onmouseup 鼠标按下后松开鼠标时触发此事件 onmouseover 当鼠标移动到某对象范围的上方时触发此事件 onmousemove 鼠标移动时触发此事件 onmouseout 当鼠标离开某对象范围时触发此事件 onkeypress 当键盘上的某个键被按下并且释放...
汇总一波——js常用鼠标事件
weixin_45846805的博客
05-05 1234
js常用鼠标事件汇总 onclick 单击事件（相继触发mousedown与mouseup事件） onmousedown 鼠标按下事件 onmouseup 鼠标抬起事件 onmousemove 鼠标移动事件 onmouseout 鼠标移出事件 onmouseover 鼠标指针移动到元素（被选元素或其子元素）上时触发常与onmouseout一起用 onmouseenter 只有在鼠标指针穿过被选元素...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值