使用js获取鼠标位置坐标

最新推荐文章于 2023-07-04 23:05:56 发布
VIP文章 最新推荐文章于 2023-07-04 23:05:56 发布
阅读量4.8k 收藏 2
点赞数
分类专栏： web 文章标签： 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_32216775/article/details/78468633
版权
在前端效果的实现中，我们有时候需要获取到鼠标位置的信息，例如：需要在鼠标悬浮在一个图片上时显示文字说明并且文字位置随着鼠标的移动而移动，这时候我们就需要根据鼠标的位置来设置文字的位置了。
具体来说，获取鼠标位置信息的函数如下：

//获取鼠标的位置信息
function mousePosition(e){
     if(e.pageX || pageY){  //ff,chrome等浏览器
          //返回一个多值类型
          return{x:e.pageX ,y:e.pageY};
     }else{
           return{  //ie浏览器
                x:
最低0.47元/天 解锁文章
qq_32216775
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
JS获取鼠标光标位置以及设置
flee-lether的博客
12-05 2079
JS获取鼠标光标位置以及设置 js获取鼠标光标位置，具体思路： 鼠标点击时记录光标位置（keyup） 内容发生改变时记录光标位置（MutationObserver） 左右键移动光标时记录坐标位置（keyup） 由于MutationObserverInit 不支持IE11以下版本，因此需要引用“mutationobserver-shim”，npm i mutationobserver-shi...
js获取光标位置
最新发布
weixin_48304636的博客
07-07 2076
1.概念和原理 DOM中并没有直接获取光标位置的方法，那么我们只能间接来获取光标位置。DOM支持获取光标选中的范围，我们可以以此为切入点，来获取或定位光标的位置。当选取范围起始点和结束点一样时，就是光标插入的位置。 1.1 术语 anchor(瞄点)：选区起点。 focus(焦点)：选区终点。 range(范围)：选区范围，包含整个节点或节点的一部分。 1.2 Selection Selection: Selection对象表示用户选择的文本范围或插入符号的位置。 经过实验发现Selection选取的节点范
javaScript , Jquery中如何获得当前鼠标悬浮的元素，如何获得当前鼠标的悬浮下的元素
gaofeihu_的博客
10-22 7283
  $(document).mouseover(function(e){              var hoverDomObj = e.target; } //其中  e.target 为当前鼠标指向的dom对象, 如果想使用Jquey的属性只需要用$封装一下即可！...
js常用的三个鼠标坐标获取方法
ljxyydx的博客
07-04 6694
鼠标坐标的三个获取方法
js获取鼠标坐标的方法
热门推荐
weixin_45817492的博客
04-01 1万+
js获取鼠标坐标的方法
js获取页面光标坐标（x轴y轴）
滕青山博客
06-14 1443
js获取页面光标坐标（x轴y轴）
JavaScript获取鼠标位置的三种方法
we
05-17 9759
在一些DOM操作中我们经常会跟元素的位置打交道，鼠标交互式一个经常用到的方面，令人失望的是不同的游览器下会有不同的结果甚至是有的游览器下没结果，这篇文章就鼠标点击位置坐标获取做一些简单的总结。 获取鼠标位置首先要了解什么是event，event是一个声明了全局变量的一个对象，在chrome和IE下，可以随意访问，对于好奇的朋友console.log一下event。但！！！Firefox下是没有event这个对象的！！ 好消息的是：在IE8，chrome下，是有event这个对象的！ 鼠标点击位置坐标
js获取鼠标位置的各种方法
此人很懒，什么都没有写
05-28 3244
原文：https://www.cnblogs.com/jymz/p/3987794.html 在一些DOM操作中我们经常会跟元素的位置打交道，鼠标交互式一个经常用到的方面，令人失望的是不同的浏览器下会有不同的结果甚至是有的浏览器下没结果，这篇文章就上鼠标点击位置坐标获取做一些简单的总结，没特殊声明代码在IE8，FireFox，Chrome下进行测试兼容 （1）相对于屏幕 如果是涉及到鼠标点击确定位置相对比较简单，获取到鼠标点击事件后，事件screenX，screenY获取的是点击位置相对于屏幕的左边距与上边
基于JavaScript实现 获取鼠标点击位置坐标的方法
10-27
本篇文章，小编将为大家介绍基于JavaScript实现 获取鼠标点击位置坐标的方法。有需要的朋友可以参考一下
JS获取鼠标坐标位置实例分析
10-22
主要介绍了JS获取鼠标坐标位置的方法,结合实例形式分析了JavaScript常见的获取鼠标页面、屏幕等坐标位置的技巧,具有一定参考借鉴价值,需要的朋友可以参考下
javascript获取当前鼠标坐标的方法
12-09
对于javascript获取当前鼠标坐标来说，得对不同浏览器的坐标位置有所了解。具体代码如下： 代码如下:<html> <head> <title>javascript获取当前鼠标坐标</title> <meta http-equiv=”...
javascript获取鼠标当前位置坐标并显示
06-12
javascript获取鼠标当前位置坐标，并显示出来
js获取鼠标位置实例详解
11-23
本文实例讲述了js获取鼠标位置的方法。分享给大家供大家参考，具体如下： 用 javascript 获取当前页面上鼠标（光标）位置在许多情况下都会用到，比如拖放，悬停提示（tooltip） 等等。当然，这里我们依然要面对浏览器的兼容问题，在不同的浏览器下，对这些相关的属性处理方式也不同，这里详细介绍了浏览器在处理这些属性时的差异和最终的解决方法。 Javascript代码如下: [removed] // 说明：获取鼠标位置 // 整理：http://www.codebit.cn // 来源：http://www.webreference.com fu
JavaScript获取鼠标当前位置的三种方法
cxu123321的博客
02-16 491
JavaScript获取鼠标当前位置的三种方法 转载mwl1711883743最后发布于2018-05-04 12:34:57阅读数 8184收藏 JavaScript获取鼠标当前位置的三种方法 在日常的网页操作中，常常会遇到鼠标交互的问题，可能会需要知道鼠标的坐标。以下提供了三种方法获取鼠标的坐标。 在这之前需要知道屏幕、浏览器窗口和文档的区别。 相对于屏幕的位置 屏幕指的是电...
JavaScript中几种获取鼠标点击坐标位置的方法
qq_27278957的博客
10-26 9373
JavaScript中几种获取鼠标点击坐标位置的方法
js--当鼠标在框中移动，显示鼠标的坐标
weixin_47295886的博客
10-25 903
注意：在ie8中：响应函数被触发不会传递事件对象，在ie8以下包含浏览器中，事件对象作为window对象的属性。更加巧妙的 ： a=a||window.a 如果前面的存在 返回前面的 不存在 返回后面的。在事件对象：封装了当前事件的一切信息，比如鼠标的坐标、键盘哪个按键被按下、鼠标滚轮滚动的方向。鼠标移动的事件.onmousemove。clientX:获取鼠标指针的水平坐标。clientY:获取鼠标指针的垂直坐标。事件对象：当事件响应函数被触发时，浏览器每次都会将一个事件对象。作为实参地进响应函数。
js-5秒之后跳转页面
qq_41670147的博客
12-03 1563
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-...
(三种方式)JavaScript获取鼠标“位置”的方法
weixin_42244691的博客
12-09 530
参考 Document-Pos 1. 相对于屏幕 function getPos(event) { var e = event || window.event; console.log("相对于屏幕的绝对路径：", e.screenX, e.screenY); } 2. 相对于浏览器 function getPos(event) { var ...
js 页面跳转等等，其他功能
热情的血液、石头的冰冷
01-07 284
js 刷新当前网页： window.location.reload(); jquery 打开新页面：window.open('http:www.baidu.com'); frameset框架，通过页面里的ID，找到框架元素： window.parent.document.getElementById("frameid"); jquery 获取鼠标的当前坐标： $(f
js获取鼠标点击位置坐标
05-09
可以使用鼠标事件对象（MouseEvent）获取鼠标点击位置的坐标。 如下面的示例代码所示，可以在鼠标点击事件处理函数中，通过鼠标事件对象的 clientX 和 clientY 属性获取鼠标点击位置的坐标： ```javascript ...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值