JS鼠标获取坐标

    <html>
    <head>
    <title>获取鼠标的坐标信息</title>
    </head>
    <body>
    <div id="demo">点击这里</div>
    <script type="text/javascript">
    document.getElementById("demo").onclick=function(e){
        var eve = e || window.event;
        var x = eve.clientX,  // 相对于客户端的X坐标
            y = eve.clientY,  // 相对于客户端的Y坐标
            x1 = eve.screenX,  // 相对于计算机屏幕的X坐标
            y1 = eve.screenY;  // 相对于计算机屏幕的Y坐标

        alert(
            "相对客户端的坐标：\n"+
            "x = "+x+"\n"+
            "y = "+y+"\n\n"+
            "相对屏幕的坐标：\n"+
            "x = "+x1+"\n"+
            "y = "+y1
        );
    }
    </script>
    </body>
    </html>
时间： 2024-07-30 17:27:29

JS鼠标获取坐标的相关文章

【API】高德地图API JS实现获取坐标和回显点标记

1.搜索+选择+获取经纬度和详细地址 2.回显数据并点标记 3.实现 第一步:引入资源文件 <!--引入高德地图JSAPI --><script src="//webapi.amap.com/maps?v=1.3&key=在官网申请一个key"></script><!--引入UI组件库(1.0版本) --><script src="//webapi.amap.com/ui/1.0/main.js">

js获取鼠标移动坐标

js获取鼠标移动坐标,很多情况下还需要考虑document.documentElement.scrollLeft . document.documentElement.clientLeft; var _touchstart, _touchend,_touchmove; var isPC=window.ontouchstart===undefined; if(isPC){ _touchstart="mousedown"; _touchmove="mousemove";

JS 获取鼠标当前坐标 兼容IE

最近在弄一个小功能 鼠标移动到当前位置 就在旁边提示我想提示的内容 所以直接拿过来 直接获取移动鼠标的坐标 然后直接在body中直接绘制一块提示的区域内容 function A(e) { var x,y; //获取鼠标坐标 x=e.pageX,y=e.pageY; //绘制提示内容 $('body').append("<div style='position: absolute; top: ' + y + 'px; left: ' + x+ 'px;'>xxxxxx!</div

js事件对象坐标

js事件对象坐标---贴上代码 <body style="position:relative;width:100%;height:100%;padding:15px;margin:20px;"> <div style="position:absolute;top:100px;left:100px;width:500px;height:500px;padding:5px;margin:9px;background:#ddd;" onclick=&qu

百度地图 layer弹出地图 获取坐标

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>layer弹出百度地图</title> <script src="jquery.min.js"></script> <script src="layer/layer.js"><

几个常用的JS鼠标键盘事件例子

首先普及一下鼠标左右键值的相关方法: 1.event.x 鼠标横轴  2.event.y 鼠标纵轴  3.event.keycode 键盘值  4.events.button==0 默认.没有按任何按钮.  5.events.button==1 鼠标左键  6.events.button==2 鼠标右键  7.events.button==3 鼠标左右键同时按下  8.events.button==4 鼠标中键  9.events.button==5 鼠标左键和中键同时按下  10.events

【HERE地图开发记录】点击地图获取坐标

最近的一个项目需要获取国外较多的POI等信息,GOOGLE在墙内开发实在麻烦,最后选用了N记的HERE地图,在这里不定期记录一些东西. 开发起来麻烦的东西是挺多的,特别是我之前也没接触过地图开发,一来就使用这个少人使用的地图来开发,很多问题基本GOOGLE stackoverflow没搜到有用的,关于API的话,例子还是足够的,不过前面说到由于个人没做过地图开发,找起来挺费劲的,官网的搜索引擎实在不敢恭维. 这篇博文主要记录下怎么样在点击地图某处后获取坐标(本文会用JS API) 1. 首先前面

for循环获取坐标

简单了解一下for循环获取坐标,for循环是js中经常用到,一般情况下,页面上有很多元素的情况下,我们不可能一一的去添加,所以就会用到for循环.今天先简单写一个获取页面元素的坐标,首先先动态给页面添加10个div,并把每个div写一个50*50的宽高给个绝对定位:然后要实现的效果是让每个div都依次的排开:代码如下: 1 <script> 2 window.onload = function (){ 3 var aDiv = document.getElementsByTagName('di

关于获取坐标的一些记录 ——分析淘宝放大镜效果的原理

这是距离相关的 el.offsetTop 表示的是元素el到body的最顶部的距离 : 就是body有多高 就是多高的距离,不会因为缩放窗口而改变. el.offsetWidth 是el元素的看起来的宽度 ,padding也会被算上 el.clientWidth 是获取元素的宽度 这里就额外提一下. 以下是鼠标坐标的: e.movementY 是鼠标点相对于上一次的坐标的移动距离 一般都不准确 e.pageY 是鼠标点相对于body的距离 随着鼠标移动一直变化 以下是网上查到的一些资料 网页可见