html5 js获取鼠标坐标,js怎么获取鼠标在div中的相对位置

大家在做网页的时候都可能会用到鼠标在div中的相对位置，那么怎么获取鼠标在div中的相对位置呢?下面由学习啦小编教大家怎么获取鼠标在div中的相对位置吧。

如何获取鼠标在div中的相对位置

代码如下:

JS获取DIV相对坐标

function getX(obj){

var parObj=obj;

var left=obj.offsetLeft;

while(parObj=parObj.offsetParent){

left+=parObj.offsetLeft;

}

return left;

}

function getY(obj){

var parObj=obj;

var top=obj.offsetTop;

while(parObj = parObj.offsetParent){

top+=parObj.offsetTop;

}

return top;

}

function DisplayCoord(event){

var top,left,oDiv;

oDiv=document.getElementById("demo");

top=getY(oDiv);

left=getX(oDiv);

document.getElementById("mp_x").innerHTML = (event.clientX-left+document.documentElement.scrollLeft) -2+"px";

document.getElementById("mp_y").innerHTML = (event.clientY-top+document.documentElement.scrollTop) -2+"px";

}

// -->

我是DIV,经测试,有2PX的误差...

当前鼠标坐标为：

X：

Y：

html5 js获取鼠标坐标,js怎么获取鼠标在div中的相对位置相关推荐

php光标添加,JS在可编辑的div中的光标位置插入内容的方法_javascript技巧
本文实例讲述了js实现在可编辑div中指定位置插入内容的方法,就像我们使用的编辑器一样,分享给大家供大家参考.具体实现方法如下: 首先要让DIV启用编辑模式通过设定contenteditable=t ...
js父元素获取子元素img_css,前端_父标签div中包含一个子元素img标签，子元素div标签，为什么img要加上浮动，子元素div才会处于正常位置？，css,前端 - phpStudy...
父标签div中包含一个子元素img标签,子元素div标签,为什么img要加上浮动,子元素div才会处于正常位置? dom结构如图img加上float 子元素div显示正常. 不加float div显 ...
android之View坐标系（view获取自身坐标的方法和点击事件中坐标的获取）
在做一个view背景特效的时候被坐标的各个获取方法搞晕了,几篇抄来抄去的博客也没弄很清楚. 现在把整个总结一下. 其实只要把下面这张图看明白就没问题了. 涉及到的方法一共有下面几个: view获取自身 ...
html获取元素坐标,js 获取元素相对于页面的坐标(示例)
function pageX(elem){//获取元素相对于这个页面的x坐标. return elem.offsetParent?(elem.offsetLeft+pageX(elem.offsetP ...
html js获取数组坐标,javascript怎么获取数组的值？
JavaScript 数组用于在单一变量中存储多个值,那么怎么获取数组的值?下面本篇文章就来给大家介绍一下.有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助. 数组对象的作用是:使用单独 ...
android 获取绝对坐标,Android获得控件在屏幕中的绝对坐标
int[] location = new int[2] ; view.getLocationInWindow(location); //获取在当前窗口内的绝对坐标view.getLocationOnS ...
js 获取鼠标在画布的位置_JS获取鼠标位置（鼠标坐标）
在 JavaScript 中,当事件发生时,获取鼠标的位置是件很重要的事件.由于浏览器的不兼容性,不同浏览器分别在各自事件对象中定义了不同的属性,说明如下表所示.这些属性都是以像素值定义了鼠标指针的坐 ...
JS实时获取鼠标坐标
简单练习,先上图非常简单,只是一个onmousemove事件的处理 <!DOCTYPE html> <html lang="en"> <head&g ...
vue 创建图片坐标点_利用vue+fabric.js获取图片坐标，并实现图片拖拽、旋转、拉伸等功能...
什么是Fabric.js? Fabric.js是一个可以简化Canvas程序编写的库. Fabric.js为Canvas提供所缺少的对象模型, svg parser, 交互和一整套其他不可或缺的工具. ...

html5 js获取鼠标坐标,js怎么获取鼠标在div中的相对位置

html5 js获取鼠标坐标,js怎么获取鼠标在div中的相对位置相关推荐

最新文章

热门文章