JS 事件常用获取各种坐标

最新推荐文章于 2021-11-18 10:29:27 发布
转载 最新推荐文章于 2021-11-18 10:29:27 发布 · 244 阅读 · 0 ·
CC 4.0 BY-SA版权
原文链接：http://www.cnblogs.com/hongchenzimo/p/11067862.html

博客介绍了mui的drag事件，其中e.detail.deltaX为每次拖动距离，e.detail.center.x是拖动时坐标；还给出获取body超出浏览器高度的方法，即document.documentElement.scrollTop || document.body.scrollTop，并附上转载链接。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

一.mui事件

　　1.drag事件：e.detail.deltaX是每次拖动的距离，e.detail.center.x是拖动时的坐标

二. 获取body超出浏览器的高度

　　document.documentElement.scrollTop || document.body.scrollTop

转载于:https://www.cnblogs.com/hongchenzimo/p/11067862.html

JavaScript 点击事件的常用坐标属性
debug_bug142的博客
09-27 287
点击事件是Web开发中常用的交互方式之一，通过监听用户的点击操作，我们可以获取到相关的事件对象，其中包含了一些常用的坐标属性。本文将介绍几个常用的点击事件对象的坐标属性，并提供相应的JavaScript源代码示例。offsetX 和 offsetY 属性表示鼠标点击事件发生时相对于事件源元素（即触发事件的元素）的水平和垂直坐标位置。这些坐标值是相对于文档的左上角的，即页面的左上角为坐标原点。通过使用这些坐标属性，你可以在处理点击事件时获取到用户点击的位置信息，从而实现一些与坐标位置相关的交互效果或功能。
js事件对象中的七种坐标
m0_51431448的博客
11-23 712
1、 .clientX .clientY //相对于用户浏览器的左上角的xy坐标 //也就是窗口坐标，不包括工具栏、滚动条 2、 .screenX .screenY //相对于用户显示器的左上角的xy坐标 3、 .offsetX .offsetY //相对于你点击的那个dom节点的左上角的x、y坐标 4、 .layerX .layerY //是鼠标相对于目标元素最近的具有absolute/relative的位置，包含border 5、 .movemen.
js获取鼠标点击的坐标
chaofeipz的专栏
02-24 224
可以用event.clientX和event.clientY 问题是要注意这个event，它代表当前事件本身。所以，一定要是在事件触发的函数中，才可能访问到这个event，否则为空，event.clientX什么的也就成了镜花水月。 例如，有函数 function getMouseXY() { alert(event.clientX + “,” + event.clientY); ...
获取事件源对象坐标、事件坐标
weixin_30641465的博客
07-16 113
function GetEvent(){ if(document.all) // IE { return window.event; } func = GetEvent.caller; // 返回调用本函数的函数 while(func != null) { // Firefox 中一个隐含的对象 arguments，第一个参数为 e...
js：事件对象中的7种坐标
彭世瑜的博客
11-18 2155
三大类： 相对于当前点击元素 相对于当前浏览器 相对于整个显示器 7种坐标 1、窗口坐标：clientX、clientY 相对于用户浏览器的左上角的xy坐标 也就是窗口坐标，不包括工具栏、滚动条 2、layerX、layerY 鼠标相对于目标元素最近的具有absolute/relative定位元素的位置，包含border 3、movementX、movementY 两个鼠标移动事件间隔中当中鼠标移动的相对坐标 4、offsetX、offsetY 相对你点击那个dom的左上角x、y坐标 5、文档坐标：pa
JavaScript 获取鼠标点击位置坐标
weixin_34392435的博客
10-09 910
在一些DOM操作中我们经常会跟元素的位置打交道，鼠标交互式一个经常用到的方面，令人失望的是不同的浏览器下会有不同的结果甚至是有的浏览器下没结果，这篇文章就上鼠标点击位置坐标获取做一些简单的总结，没特殊声明代码在IE8，FireFox，Chrome下进行测试兼容   鼠标点击位置坐标 相对于屏幕 如果是涉及到鼠标点击确定位置相对比较简单，获取到鼠标点击事件后，事件screenX，screen...
js 获取坐标
weixin_30511107的博客
07-23 2573
这两天没事干写了drag，弄了好久，主要是获取鼠标坐标，因为要兼容FF，所以遇到了不少问题，备忘一下 一、js获取坐标位置 1.1 首先是event，这个只有IE支持，FF不支持，所以如果FF里要用只能在函数上加多一个参数，例如function move(event)，这样就可以在函数里面用event了 1.2 获取坐标：event.X 和event.Y 这两个只支持IE，取出来值是相对...
基于JavaScript实现 获取鼠标点击位置坐标的方法
10-27
本文将介绍几种基于JavaScript实现获取鼠标点击位置坐标的常用方法，这包括获取相对于屏幕、浏览器窗口和文档的坐标。 1. 获取鼠标点击位置相对于屏幕的坐标 在不考虑iframe的情况下，不同浏览器对获取鼠标点击位置...
javascript获取当前鼠标坐标的方法
10-24
在Web开发中，获取鼠标坐标是一个常用的技术，它可以用来实现各种交互式功能，比如点击计数器、自定义鼠标指针、动态跟随元素等。实现此功能主要依赖于JavaScript语言，并且会涉及到浏览器的兼容性问题，因为不同的...
js获取元素到文档区域document的(横向、纵向)坐标的两种方法
10-27
为了实现这一点，JavaScript提供了多种方法来获取元素相对于文档顶部的位置，具体来讲就是获取元素的横向和纵向坐标。文章总结了两种常用方法，分别是通过offsetParent属性和getBoundingClientRect()方法。 首先，...
js 常用获取坐标的方法
科技小潘
06-15 2745
网页可见区域宽：document.body.clientWidth 网页可见区域高：document.body.clientHeight 网页可见区域宽：document.body.offsetWidth (包括边线的宽) 网页可见区域高：document.body.offsetHeight (包括边线的宽) 网页正文全文宽：document.body.scrollWidth 网页正文全文高：do
js中的事件对象event （获取元素的,x,y坐标）
qq_44983621的博客
05-23 8463
event的使用 获取元素的,x,y坐标 如图所示 当鼠标放在上面那个框上时获取其坐标，并且在下面框中显示 其实需要使用到鼠标移动事件 onmousemove event 事件对象中封装了当前事项相关的一切属性 如鼠标的坐标键盘的按键 <script type="text/javascript"> window.onload = function(){ var bi...
事件对象event与鼠标坐标获取
冰点契约的博客
09-18 606
事件event 当系统调用事件函数时，会给函数传递一个event对象，可以在事件函数指定第一个参数进行获取，event对象为json格式。 低级浏览器事件对象作为bom对象的属性，需要兼容低级浏览器时需要使用短路语法进行兼容 let event=event || window.event 获取鼠标坐标 event对象中包含鼠标坐标信息 screeX，screeY：坐标0,0在电脑屏幕左上方 pageX.pageY:坐标0,0点在网页主体的左上角 clientX,clientY:坐标0,0点在网页可视区的左上
JS局部坐标和全局坐标的转换
麻瓜的博客
09-13 2789
properties: {   player: cc.Node,   background: cc.Node,   }, 将点击的点touchPoint 转化为player的父对象的相对节点.  (可以用来比较player坐标和点击坐标的相对位置) 世界坐标 转化为 相对坐标: this.background.on(cc.Node.EventType.T
点击事件获取鼠标坐标位置（x,y）值
热门推荐
huygo的博客
08-07 1万+
$(document).click( function(event){ event = event || window.event; var x = event.offsetX || event.originalEvent.layerX; var y = event.offsetY || event.orig
threejs下的鼠标事件的各种XY坐标
qq_40712151的博客
06-16 1528
转载于：https://blog.youkuaiyun.com/weixin_41342585/article/details/80659736
原生js获取鼠标坐标方法全面讲解：clientX/Y,pageX/Y,offsetX/Y,layerX/Y,screenX/Y
binggoogle的专栏
08-06 1875
关于js鼠标事件综合各大浏览器能获取到坐标的属性总共以下五种 event.clientX/Yevent.pageX/Yevent.offsetX/Yevent.layerX/Yevent.screenX/Y clientX/Y: clientX/Y获取到的是触发点相对浏览器可视区域左上角距离，不随页面滚动而改变 兼容性：所有浏览器均支持 pageX/Y: pageX/Y获取到的是触
JS常用事件处理：onmouse的应用与技巧
标题中的“onmouse常用事件js”暗示了我们接下来要讨论的是与鼠标的事件处理相关联的JavaScript编程知识。鼠标事件是用户与网页交互过程中最为常见的一种交互方式，它们能够帮助开发者捕捉到用户的鼠标行为，并作出...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值