js 鼠标点击位置获取

最新推荐文章于 2024-09-27 14:38:27 发布
最新推荐文章于 2024-09-27 14:38:27 发布
阅读量884 收藏 3
点赞数 1
文章标签： python java js vue css
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_44002888/article/details/108081737
版权

event.offsetY/X

  • 众所周知event.offsetX可以获取鼠标点击位置距包含元素的左边界距离
  • 今天做项目的时候需要用到距离就研究一番这一堆函数的区别
    1.png

clientY/X
offsetTop/Left
screenY/X

clientY/X

  • clientY/X是你鼠标点击元素上边界距文档最上层的距离，不管你滑块怎么滑这个距离是固定的(margin-top会被计算在里面也就是说从border开始算的距离)
  • pageY/X 是鼠标点击的位置距文档最上端的距离，同样不管你怎么滑只要点的位置没变这个距离也是固定的
  • 就可以得出pageY/X - target.offsetTop/Left = offsetY/X
  • 同理你也可以根据鼠标的点击位置来计算出页面向下/上滑动了多少的距离
zhaodada23
关注
js 鼠标点击位置
qq_42467563的博客
10-23 771
说明：点击事件触发时，鼠标距离窗口的偏移位置 clientX + 'x' + ev.clientY <!DOCTYPE html> <html>     <head>         <meta charset="UTF-8">         <title></title>         <style
js获取鼠标点击位置坐标
qq_44884287的博客
04-08 6210
js获取鼠标点击位置坐标
js获取鼠标点击位置
08-07
js获取鼠标点击位置 js获取鼠标点击的位置常用的是 event.clientX和event.clientY分别获取横向的和纵向的位置，但仅使用这个方法是不够的，因为 event.clientX和event.clientY获取的鼠标位置是相对于当前屏幕的，而不考虑页面的滚动条所滚动的距离。
js获取鼠标位置的各种方法
ft2166826的专栏
04-09 828
转  JavaScript 获取鼠标点击位置坐标 在一些DOM操作中我们经常会跟元素的位置打交道，鼠标交互式一个经常用到的方面，令人失望的是不同的浏览器下会有不同的结果甚至是有的浏览器下没结果，这篇文章就上鼠标点击位置坐标获取做一些简单的总结，没特殊声明代码在IE8，FireFox，Chrome下进行测试兼容   （1）相对于屏幕 如果是涉及到鼠标点击确定位置相对比较简单，获取到鼠标点
原生JS获取当前点击的屏幕坐标
最新发布
weixin_56381842的博客
09-27 235
原生JS获取当前点击的屏幕坐标
JS：获取鼠标点击位置
qq_45820271的博客
06-15 1269
使用JS获取鼠标的点击位置：在目标元素的点击位置，在页面中的点击位置，在视口中的点击位置
JS获取鼠标点击位置
胡图图的博客
11-04 2154
点击查看：JS获取鼠标点击位置坐标 待补充…
原生js获取鼠标位置 和 获取鼠标点击位置
前端小知识
07-27 5556
client获取的只是可视区域的X和Y坐标，如果页面有滚动条且滚动条滚动了，我们点击页面的同一位置，那么这个X和Y值是不会改变的，那么问题来了，怎么获取页面包括滚动条部分的X和Y坐标呢，这时候我们可以用page，page是获取这个页面的X和Y值，包括不可视区域!这也编写完成了就可以获取鼠标点击坐标和鼠标实时移动位置了~...
js获取鼠标点击的位置实现思路及代码
12-02
copy来的，但是原页面的代码还是需要修改，下面是修改可用的 常用的是 event.clientX和event.clientY分别获取横向的和纵向的位置，但仅使用这个方法是不够的，因为event.clientX和event.clientY获取的鼠标位置是相对于当前屏幕的，而不考虑页面的滚动条所滚动的距离。 代码如下: function pointerX(event) { return event.pageX || (event.clientX + (document.documentElement.scrollLeft || document.body.scrollLeft)); } fun
基于JavaScript实现 获取鼠标点击位置坐标的方法
10-27
本文将介绍几种基于JavaScript实现获取鼠标点击位置坐标的常用方法，这包括获取相对于屏幕、浏览器窗口和文档的坐标。 1. 获取鼠标点击位置相对于屏幕的坐标 在不考虑iframe的情况下，不同浏览器对获取鼠标点击位置...
JS获取鼠标位置距浏览器窗口距离的方法示例
10-20
在JavaScript中，获取鼠标位置距浏览器窗口距离是一项常见的需求，尤其是在实现交互式网页功能时。本示例将详细介绍如何通过JavaScript获取这一信息，并提供了一个实际的代码示例，同时解释了不同浏览器之间的兼容性...
JavaScript中几种获取鼠标点击坐标位置的方法
qq_27278957的博客
10-26 9604
JavaScript中几种获取鼠标点击坐标位置的方法
JavaScript 获取鼠标点击位置坐标
weixin_34324081的博客
05-13 113
在一些DOM操作中我们经常会跟元素的位置打交道，鼠标交互式一个经常用到的方面，令人失望的是不同的浏览器下会有不同的结果甚至是有的浏览器下没结果，这篇文章就上鼠标点击位置坐标获取做一些简单的总结，没特殊声明代码在IE8，FireFox，Chrome下进行测试兼容 鼠标点击位置坐标 相对于屏幕 如果是涉及到鼠标点击确定位置相对比较简单，获取到鼠标点击事件后，事件screenX，screen...
javascriptjs获取鼠标点击时的坐标位置
06-21
javascriptjs获取鼠标点击时的坐标位置 只想帮你度过这个问题 加油你也行的
JS获取鼠标位置
haoyanyu_的博客
09-20 326
html代码： js代码：     页面效果，鼠标滑动时实时获取鼠标位置
js获取鼠标位置
qq_40858249的博客
06-12 1769
可以通过js中的even对象获取当前位置，但是这个位置表示的是对应窗口位置，如果页面有滚动条，那还需要加上滚动填的位置，所以需要用到document.documentElement.scrollLeft 和document.documentElement.scrollTop 。 其中，document.documentElement.scrollLeft 表示获取页面滚动条X轴位置；documen...
js获取鼠标点击事件的相对位置
九九的专栏
11-12 1706
比如一张图片位于你网页中，需要实现 滚动条效果 获取相对图片we
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值