JS得到当前鼠标的坐标

最新推荐文章于 2023-09-07 17:08:48 发布
最新推荐文章于 2023-09-07 17:08:48 发布
阅读量811 收藏
点赞数 1
分类专栏： js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/atupal/article/details/8434420
版权
通过JS得到当前焦点的坐标

如下是得到当前焦点的坐标：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7"/>
<meta name="auther" content="fq" />
<title>获取鼠标坐标</title>

</head>

<body>
<script type="text/javascript">
function mousePosition(ev){
     if(ev.pageX || ev.pageY){
      return {x:ev.pageX, y:ev.pageY};
      }
      return {
       x:ev.clientX + document.body.scrollLeft - document.body.clientLeft,
       y:ev.clientY + document.body.scrollTop  - document.body.clientTop
       };
 }

function mouseMove(ev){
    ev = ev || window.event;
    var mousePos = mousePosition(ev);
    document.getElementById('xxx').value = mousePos.x;
  document.getElementById('yyy').value = mousePos.y;
}

document.onmousemove = mouseMove;
</script>
X:<input id="xxx" type="text" />  Y:<input id="yyy" type="text" />
</body>
</html>
atupal
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
JavaScript实现鼠标移动在标题获取当前的鼠标坐标
weixin_47982238的博客
08-06 207
<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>index</title> <style> img{ cursor: pointer; position: absolute; top:0px; le.
JavaScript获取鼠标坐标
09-01 526
在实际开发 ,我们有时候需要获取鼠标的坐标进行一些操作，以下总结了几个常用的事件属性： screenX/screenY:事件发生时鼠标指针相对于屏幕的坐标。 clientX/screenY:事件发生时鼠标指针相对于显示区域的坐标。(坐标以当前的显示区域为依据,不受滚动条的影响) pageX/pageY: 事件发生时，鼠标相对于整个页面的坐标 (IE不支持)。         func
使用JS获取当前地理位置的两种方法
最新发布
qiaozhilian的博客
09-07 3037
HTML5 Geolocation API是W3C定制的用于获取用户地理位置信息的标准API，它可以使用纯JavaScript来获取用户的GPS坐标信息，这是一种免费的获取位置的方法。如果HTML5 Geolocation API无法满足需求，可以使用IP定位API来获取用户的位置信息。以上是两种获取当前地理位置的方法，你可以根据实际情况选择其中一种或者结合使用。如果需要更精确的位置信息，可以尝试使用GPS设备或者其他辅助定位设备。
js如何获取当前经纬度
qq_19820589的博客
06-02 4467
需要注意的是，为了使用 Geolocation API，需要使用 https 协议或本地测试的时候可使用 localhost 协议。在非安全连接下（http），浏览器会阻止该 API 进行使用。JavaScript 可以通过 Geolocation API 获取设备的位置信息，包括经纬度等。方法接收两个参数：成功获取位置信息的回调函数和失败时的回调函数。在上述代码中，我们传入了一个回调函数，其中。上述代码会首先检查浏览器是否支持 Geolocation API，如果支持，则调用。分别表示设备的纬度和经度。
js 获取坐标
weixin_30511107的博客
07-23 2441
这两天没事干写了drag，弄了好久，主要是获取鼠标坐标，因为要兼容FF，所以遇到了不少问题，备忘一下 一、js获取坐标位置 1.1 首先是event，这个只有IE支持，FF不支持，所以如果FF里要用只能在函数上加多一个参数，例如function move(event)，这样就可以在函数里面用event了 1.2 获取坐标：event.X 和event.Y 这两个只支持IE，取出来值是相对...
js获取当前位置
q_QAQ_q的博客
12-14 4259
js获取当前位置，首先需要https下，而且需要允许浏览器获取位置 function getLocation() { return new Promise((resolve, reject) => { navigator.geolocation.getCurrentPosition((pos) => { const coords = pos.coords || {} const { latitude, longitude } = coords co
【前端用法】html5实现地理位置定位（JS获取当前地理位置的方法）
热门推荐
No8g攻城狮的博客
03-03 2万+
目前在做公司的一个网站，有个需求是：当别人进入网站时自动定位他的地理位置，包括市区，方便给他推荐当前城市的特色信息。 其实，这也是一个非常实用的功能，在网上搜到很多，有的不能用，现将我整理的两个能用的记录一下，以便后续再使用。 方案1： <!DOCTYPE html> <html lang="en"> <head> <meta http-e......
javascript获取当前鼠标坐标的方法
12-09
本文实例讲述了javascript获取当前鼠标坐标的方法。分享给大家供大家参考。具体实现方法如下： 对于javascript获取当前鼠标坐标来说，得对不同浏览器的坐标位置有所了解。具体代码如下： 代码如下:<html> &lt...
js 获取坐标 通过JS得到当前焦点(鼠标)的坐标属性
10-27
通过JS得到当前焦点的坐标,如何实现，接下来详细介绍实现步骤，有需要的朋友可以参考下
JavaScript实现捕获鼠标坐标
10-15
在JavaScript中，捕获鼠标坐标是常见的需求，特别是在开发交互式网页或需要响应用户鼠标移动的场景下。通过监听鼠标移动事件，我们可以获取到鼠标的当前位置，从而进行相应的操作。本篇文章将详细介绍如何使用...
基于js实现百度地图api定位当前位置和获取经度和纬度
07-15
基于js实现百度地图api定位当前位置和获取经度和纬度,
JS获取当前地理位置的方法
11-30
本文实例为大家分享了JS获取当前地理位置方法的具体代码，供大家参考，具体内容如下 1.手机定位 var getLocation = function (successFunc, errorFunc) { //successFunc获取定位成功回调函数，errorFunc获取定位失败回调 //首先设置默认城市 var defCity = { id: '000001', name: '北京市', date: curDateTime()//获取当前时间方法 }; //默认城市 $.cookie('VPIAO_MOBILE_DEFAULTCITY',
JS获取鼠标坐标的实例方法
10-27
本文将为大家介绍JS获取鼠标坐标的实例方法，该方法可以通过JavaScript代码来获取鼠标的当前坐标位置，并且适用于多种浏览器环境中。 JS获取鼠标坐标的原理 在JavaScript中，我们可以通过事件对象的clientX和...
js百度地图获取当前定位经纬度及省市区
qq_35469137的博客
09-27 6834
注意new BMap()是2.0版本的 new BMapGL()是1.0版本的 如果用new BMapGL()会报错 BMapGL is not defined。因为一开始就写错了 这个问题困扰了好久。首先需要引入百度地图api 和jq。
js 获取坐标
weixin_30341735的博客
04-11 281
https://blog.csdn.net/zshsats/article/details/79942126 转载于:https://www.cnblogs.com/whlBooK/p/10691368.html
js取鼠标坐标位置
slqgenius的博客
08-25 367
js取鼠标坐标位置 取鼠标坐标位置有这些：鼠标在视口的坐标位置(clientX,clientY),鼠标在页面的坐标位置(pageX,pageY),鼠标在屏幕的坐标位置(screenX,screenY)，其中鼠标在视口的坐标位置(clientX,clientY),以及鼠标在屏幕的坐标位置(screenX,screenY)在所有的浏览器中都支持，但是鼠标在页面的坐标位置(pageX,pageY)
js获取你的坐标
xm的博客
03-20 483
前提要引入百度API： &lt;script src="http://api.map.baidu.com/api?v=1.4" type="text/javascript"&gt;&lt;/script&gt; html &lt;body&gt; &lt;p id="demo"&gt;点击这个按钮，获得您的坐标：&lt;/p&gt; &lt
JavaScript 获取鼠标点击位置坐标
weixin_34392435的博客
10-09 855
在一些DOM操作中我们经常会跟元素的位置打交道，鼠标交互式一个经常用到的方面，令人失望的是不同的浏览器下会有不同的结果甚至是有的浏览器下没结果，这篇文章就上鼠标点击位置坐标获取做一些简单的总结，没特殊声明代码在IE8，FireFox，Chrome下进行测试兼容   鼠标点击位置坐标 相对于屏幕 如果是涉及到鼠标点击确定位置相对比较简单，获取到鼠标点击事件后，事件screenX，screen...
js 获取鼠标位置
huolan__34的博客
12-27 2395
在JavaScript中，当事件发生时，获取鼠标的位置是件很重要的事件。由于浏览器的不兼容性，不同浏览器分别在各自事件对象中定义了不同的属性，说明如下表所示。这些属性都是以像素值定义了鼠标指针的坐标，但是由于它们参照的坐标系不同，导致精确计算鼠标的位置比较麻烦。 属性及其兼容性 属性 说明 兼容性 clientX 以浏览器窗口左上顶角为原点，定位 x 轴坐标 ...
js获取当前鼠标的坐标
05-27
使用JavaScript可以很容易地获取当前鼠标的坐标。可以通过监听鼠标移动事件来实现。 示例代码如下： ```javascript document.addEventListener("mousemove", function(event){ var x = event.clientX; // 获取...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值