鼠标相关事件触发时间与顺序

最新推荐文章于 2023-04-25 11:12:23 发布
最新推荐文章于 2023-04-25 11:12:23 发布
阅读量3.3k 收藏
点赞数 1
分类专栏： 开发基础 操作系统 文章标签： 操作系统 事件 鼠标
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/gogogo/article/details/26671599
版权

为了彻底弄清鼠标相关事件触发时间与顺序，写了个程序输出鼠标操作信息，这里做个记录，作为备忘。

输出格式”时间tick -- 事件“

1、单击操作

4022516 -- MouseDown
4022626 -- Click
4022626 -- MouseUp

2、双击操作

4026401 -- MouseDown
4026495 -- Click
4026495 -- MouseUp
4026588 -- DblClick
4026588 -- MouseDown
4026713 -- MouseUp

简单总结：

1、Click是在MouseUp之前触发，根据时间序列看出其实就是MouseUp消息，只不过先发出

2、DblClick是在第二次MouseDown前发出，而不是MouseUp，时间上和第二次MouseDown相同，并且第二次MouseUp之前不会再有Click事件


gogogo
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Java鼠标事件MouseEvent
06-20
当在一个组件上按下，释放，点击，移动或拖动鼠标时就会产生鼠标事件。MouseEvent对象捕获这个事件.
JavaScript常见鼠标事件与用法分析
12-02
本文实例讲述了JavaScript常见鼠标事件与用法。分享给大家供大家参考，具体如下： JavaScript 鼠标事件有以下8种 mousedown 鼠标的键钮被按下。 mouseup 鼠标的键钮释放弹起。 click 鼠标左键（或中键）被单击。 ...
鼠标事件先后顺序
weixin_30621711的博客
07-13 265
MouseDown MouseClick MouseUp 转载于:https://www.cnblogs.com/swtool/p/5665711.html
鼠标相关事件
weixin_30906701的博客
11-23 249
1.鼠标经过事件：mouseOver;事件句柄为：onMouseOver 2.鼠标离开事件：mouseOut;事件句柄为：onMouseOut; 实例：另一个百度的超链接显示为蓝色，当鼠标经过的时候颜色变为红色，当鼠标离开的时候颜色变为蓝色； 1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"...
鼠标事件执行顺序
LzzMandy的博客
08-08 998
div元素的执行顺序： mouseover--> mousedown-->mouseup-->click -->mouseout input、checkbox 、select 元素执行顺序： mouseover--> mousedown-->focus-->mouseup-->click --&g...
鼠标与按键 事件触发顺序
xiaowei的博客
08-05 2110
事件触发顺序： 之前研究过input文本框的事件触发顺序，今天突然想起来，就做个总结。<input type="text" name="" id="txt"> <script> var txt = document.querySelector('#txt'); txt.onmousedown = function(){ console.log('onmoused
Javascript中click与blur事件的顺序详析
10-19
尽管W3C标准中并未明确说明blur和mousedown、click的精确顺序，但从实际运行情况和推测来看，blur事件通常在mousedown事件触发其默认行为（比如鼠标抬起mouseup）之后才会发生。因此，事件的执行顺序大致为：...
javascript 中select框触发事件过程的分析
10-19
当我们通过鼠标或键盘与`<select>`交互时，会按照以下顺序触发事件： 1. 用户点击`<select>`，触发`mousedown`，然后`mouseup`，接着是`click`。 2. 当用户开始选择一个新选项时，`focus`事件触发。 3. 如果用户...
鼠标跟随事件的介绍
12-09
当鼠标在页面上移动时，浏览器会触发这个事件。我们可以在事件处理器中获取鼠标的位置信息，如`event.clientX`和`event.clientY`，它们分别代表鼠标相对于当前视口左上角的X和Y坐标。然后，我们可以更新元素的位置，...
JavaScript事件学习小结(五）js中事件类型之鼠标事件
10-22
了解了这些基本事件后，我们来看一个例子，展示这些事件的触发顺序。假设我们有一个按钮，当双击按钮时，我们可以看到以下事件的顺序：`mousedown` -> `mouseup` -> `click` -> `mousedown` -> `mouseup` -> `click`...
鼠标悬停一段时间后触发事件
yfl68yfl
01-11 520
鼠标悬停一段时间后触发事件 2011年06月01日 　　 var mytimer = null; function beginEvent(){ //window.setTimeout("alert('Hello, world')", 1000); mytimer = window.setTimeout("myfunc('123','456')", 3000); } functio...
鼠标事件有哪些？
weixin_42617917的博客
09-24 3239
出处：http://www.cnblogs.com/starof/p/4106904.html 一、事件 事件是javaScript和DOM之间交互的桥梁。 你若触发，我便执行——事件发生，调用它的处理函数执行相应的JavaScript代码给出响应。 典型的例子有：页面加载完毕触发load事件；用户单击元素，触发click事件。 二、事件流 1.事件流 问题：单击页面元素，什...
C# 模拟操作鼠标、键盘、输入、输出
mybluedesky的博客
12-12 4448
C# 模拟操作鼠标、键盘、输入、输出
鼠标操作过程
liuh520的专栏
07-20 794
import java.awt.*;import java.applet.* ;public class Mouse extends Applet {        String msg="";     //定义一条字符串变量，存储要输出的消息        int cx=50, cy=50;      //定义鼠标的初始位置                        public boo
javascript事件大全解说
yanjiaqi1983的博客
12-09 420
javascript事件列表解说 事件 浏览器支持 解说 一般事件 onclick IE3、N2 鼠标点击时触发此事件 ondblclick IE4、N4 鼠标双击时触发此事件 onmousedown IE4、N4 按下鼠标时触发此事件 onmouseup IE4、N4 鼠标按下后松开鼠标时触发此事件 onmouseover IE3、N2 当鼠标移动到某对象范围的上方时触发...
JavaScript 鼠标事件监听&&触发时机&&触发顺序
jinse29的博客
04-25 7188
先说下触发时机和作用键（左键、右键）
18.常见鼠标和键盘事件以及事件对象
Mr_LiuP的博客
02-23 1729
鼠标事件和键盘事件
鼠标三种触发事件mousedown、mouseup、click关系及执行顺序
weixin_43452467的博客
07-02 9914
三个事件的触发时机 mousedown 当鼠标指针移动到元素上方，并按下鼠标按键（左、右键均可）时，会发生mousedown事件。 与click事件不同，mousedown事件仅需要按键被按下，而不需要松开即可发生。 mouseup 当在元素上松开鼠标按键（左、右键均可）时，会发生mouseup事件。 与click事件不同，mouseup事件仅需要松开按钮。当鼠标指针位于元素上方时，放松鼠标按钮就会触发该事件。 click 当鼠标指针停留在元素上方，然后按下并松开鼠标左键时，...
JavaScript常用的鼠标事件
qq_46112274的博客
12-25 806
1、禁止鼠标右键、禁止选中事件 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
浏览器会触发事件，按触发事件顺序列出
最新发布
06-11
以下是常见的浏览器事件列表，按照它们在页面生命周期中被触发的顺序列出： 1. 网络事件 - DNS查询 - TCP连接 ... ...需要注意的是，这些事件的触发顺序可能会因浏览器和网络环境的不同而有所差异。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值