鼠标事件

最新推荐文章于 2024-03-16 11:36:04 发布
最新推荐文章于 2024-03-16 11:36:04 发布
阅读量360 收藏 2
点赞数
分类专栏： Web前端 Html/Css/Js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/cs18335818140/article/details/107009782
版权

由鼠标事件（MouseEvent）可以发现：
其中包含了许多的坐标，且每个坐标的含义都不一样。下面我们来挨个介绍常用的坐标，以及它们的含义。

一、clientX、clientY
点击位置距离当前body可视区域的x，y坐标

二、pageX、pageY
对于整个页面来说，包括了被卷去的body部分的长度

三、screenX、screenY
点击位置距离当前电脑屏幕的x，y坐标

四、offsetX、offsetY
相对于带有定位的父盒子的x，y坐标

五、x、y
和screenX、screenY一样

如图所示：

在这里插入图片描述

叶子 ✪ω✪
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
鼠标移入事件
ScumStudy的博客
09-11 5944
1.先在HTML设置两个box： <div id="box1"></div> <div id="box2"></div> 2、在CSS中设置样式： text-align和line-height同时设置可以使文字垂直居中 #box1, #box2{ width: 200px; height: 50px; background-color: #999;
unity鼠标事件
qq_42898629的博客
11-13 310
/// <summary> /// 鼠标按下. /// </summary> private void OnMouseDown() { Debug.Log("OnMouseDown"); } /// <summary> /// 鼠标抬起. /// </summary> ...
javascript学习之鼠标事件
白话机器学习
08-06 2846
WheelEvent 接口继承了 MouseEvent 实例，代表鼠标滚轮事件的实例对象。目前，鼠标滚轮相关的事件只有一个wheel事件，用户滚动鼠标的滚轮，就生成这个事件的实例。浏览器原生提供构造函数，用来生成WheelEvent实例。构造函数可以接受两个参数，第一个是字符串，表示事件类型，对于滚轮事件来说，这个值目前只能是wheel。第二个参数是事件的配置对象。该对象的属性除了EventUIEvent的配置属性以外，还可以接受以下几个属性，所有属性都是可选的。deltaX。
JavaScript常见鼠标事件
liGermini526的博客
03-16 4081
对于刚入门的前端程序员来说，js中较为重要的鼠标事件是一个重点记忆的内容，本文主要针对几个常用的鼠标事件做简单讲解，主要包括定义和使用场景。
2、鼠标事件、键盘事件、浏览器事件、监听事件、冒泡事件、默认事件、属性操作
m0_58779986的博客
01-26 2218
2、鼠标事件、键盘事件、浏览器事件、监听事件、冒泡事件、默认事件、属性操作
Mouse鼠标事件详解
q1003675852的博客
12-06 2504
页面滚动会造成它们俩的数值不一致。我们知道我们给哪个元素绑定了事件，那么这个事件就是事件源，那么，当我们用事件委托来实现一些功能的时候，我们必须要知道我们的事件源。offsetX、offsetY ：事件属性返回触发事件时 鼠标相对于事件源元素 的X,Y坐标，标准事件没有对应的属性。mouseover事件发生时，事件的目标元素是获得光标的元素，但是有获得就有失去，此时的相关元素就是失去光标的元素。这是firefox独有的事件，当鼠标向前滚动时，event.detail的值为-3的倍数，否则为3的倍数。
事件类型—鼠标事件
雷雨天的雷胖子
05-14 5324
目录 一、事件分类 二、事件顺序 三、事件对象 坐标属性 修改键属性 relatedTarget属性 button属性 四、事件应用 一、事件分类 鼠标事件共有11种类型，分别是click、contextmenu、dblclick、mousedown、mouseup、mousemove、mouseover、mouseout、mouseenter、mouseleave和onmou...
Qt的鼠标事件教程代码
10-30
在Qt编程中，鼠标事件是用户与应用程序交互的重要方式，它们允许我们响应用户的鼠标操作，如点击、拖动等。本教程将详细讲解Qt中的鼠标事件处理，包括鼠标移动、按下、松开、单击和双击等基本事件类型。 1. **鼠标...
C#鼠标事件
12-31
在C#编程中，鼠标事件是用户与应用程序交互的重要部分，它们允许开发者捕捉并响应用户的鼠标操作。在本文中，我们将深入探讨C#中的鼠标事件，包括如何判断鼠标左右键的点击、双击以及单击操作，并提供相关代码示例。...
鼠标事件演示鼠标的实时坐标，鼠标触发事件
09-13
在计算机编程领域，尤其是涉及到用户界面（UI）的开发时，鼠标事件扮演着至关重要的角色。这些事件使得程序能够响应用户的鼠标操作，如点击、移动、拖拽等，从而实现与用户的交互。在这个名为“鼠标事件演示鼠标的...
js 鼠标事件的抓取
10-29
鼠标事件的抓取实现代码，需要的朋友可以参考下。
鼠标事件延时切换插件
09-05
【鼠标事件延时切换插件】是一种常见的前端开发技术，主要目的是提高用户体验，避免由于鼠标快速移动造成的误操作。在很多交互式界面中，如网易首页的选项卡，这种技术得到了广泛应用。通常，系统会设定一个时间阈值...
javascript 鼠标事件总结
12-02
常见的有以下8个： mousedown：鼠标的键钮被按下。 mouseup：鼠标的键钮被释放弹起。...因此一个点击事件，通常会激发几个鼠标事件。 请在这里点击，测试一个点击到底捆绑了多少种鼠标事件？！ 清空 [C
jQuery鼠标事件总结
11-23
下面就来系统的介绍一下jQuery鼠标事件。 (1):click事件：click事件于用户在元素敲击鼠标左键，并在相同元素上松开左键时触发。 $('p').click(function(){ alert('click function is running !'); } ); ...
shubiao.rar_鼠标事件
09-22
在编程领域，尤其是在Windows应用程序开发中，理解和使用鼠标事件是至关重要的。本示例"shubiao.rar_鼠标事件"着重展示了如何在C#环境下利用.NET Framework实现高级鼠标事件。以下将详细介绍相关知识点： 1. **鼠标...
鼠标事件以及解释
mgaga的博客
11-12 970
click：单击事件。 dblclick：双击事件。 mousedown：按下⿏标键时触发。 mouseup：释放按下的⿏标键时触发。 mousemove：⿏标移动事件。 mouseover：移⼊事件。 mouseout：移出事件。 mouseenter：移⼊事件。 mouseleave：移出事件。 contextmenu：右键事件。 mouseover事件和mouseenter事件，都是⿏标进⼊⼀个节点时触发。两者的区别是，mouseenter事件只触发⼀次，⽽只要⿏标在节点内部移动，
常用的鼠标事件 JavaScript
2202_75549187的博客
04-02 353
常用的鼠标事件
常用的鼠标事件和键盘事件
qq_66198247的博客
07-21 2488
常用鼠标事件。
Js之鼠标事件-鼠标事件
cx1361855155的博客
08-04 9334
鼠标点击事件包括 click（点击），dbclick（双击），mousedown（按下）和 mouseup（松开）四个。其中 click 事件比较常用，而mousedown 和 mouseup事件类型多用于鼠标施放，拉伸操作中。如果从父元素中移动到子元素中，也会触发元素的mouseover事件类型。mousemove 事件类型是一个实时响应的事件，当鼠标指针的位置发生变化时（至少移动一个像素），就会触发mousemove事件。该事件响应的灵敏度主要参考鼠标指针的移动速度块慢以及浏览器跟踪更新的速度。...
jquery鼠标事件
最新发布
06-08
jQuery是一个流行的JavaScript库，它简化了DOM操作和事件处理。在jQuery中，鼠标事件是用于响应用户的鼠标动作，如点击（click）、鼠标悬停（mouseover）或移动（mousemove）等。以下是一些主要的jQuery鼠标事件： 1. **click**: 当用户点击元素时触发。`$(selector).click(function() { ... })`。 2. **dblclick**: 双击事件，两次快速点击。`$(selector).dblclick(function() { ... })`。 3. **mouseover**: 鼠标指针进入元素时触发。`$(selector).mouseover(function() { ... })`。 4. **mouseout**: 鼠标指针离开元素时触发。`$(selector).mouseout(function() { ... })`。 5. **mousedown**: 按下鼠标按钮。`$(selector).mousedown(function() { ... })`。 6. **mouseup**: 松开鼠标按钮。`$(selector).mouseup(function() { ... })`。 7. **mousemove**: 鼠标在元素内部移动时触发。`$(selector).mousemove(function(event) { ... })`。 这些事件通常与回调函数一起使用，当事件发生时，执行预先定义好的函数来响应用户的行为。jQuery的事件处理方式简单且易于理解，提高了代码的可维护性。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

叶子 ✪ω✪

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值