function getAbsPoint(e) { var x = e.offsetLeft, y = e.offsetTop; while(e=e.offsetParent) { x += e.offsetLeft; y += e.offsetTop; } alert("x:"+x+","+"y:"+y); }
方法2:
function getAbsPoint(obj) { var x,y; oRect = obj.getBoundingClientRect(); x=oRect.left y=oRect.top alert("("+x+","+y+")") }
JS中获得窗口属性的方法 1。获得屏幕的分辨率: screen.width screen.height 2。获得窗口大小: document.body.clientWidth document.body.clientHeight 3。获得窗口大小(包含Border、Scroll等元素) document.body.offsetWidth document.body.offsetHeight
|
由风干的果子制作,非常详细
Js如何取鼠标的当前位置/坐标(ie,ff)
一般在Javascript中,我们用event.clientX来取当前鼠标在文档中的坐标,用event.ScreenX来去当前鼠标在屏幕中的坐标。但是,在Mozilla系列浏览器中,直接使用event是不行的,会提示说event没有定义,因此在Mozilla或Firefox中调用时,需要变通一下。
在调用函数的时候,始终传一个event参数进去,在Mozilla中,会将Event对象传进去,而在IE下默认就有Event对象,也不冲突,这个问题就解决了。
以下这个例子就能够在IE和Mozilla中都正常运行。
当前鼠标坐标为:
X:
Y:
源代码:
<pre onmousemove=”DisplayMp(event)” class=”code”>
当前鼠标坐标为:
X:<span id=”mp_x”></span>
Y:<span id=”mp_y”></span>
</pre>
<script type=”text/javascript”>
<!–//–><![CDATA[//>
<!--
/**
* 显示/隐藏指定的对象(style.display方式)
* @param object event 事件,用于捕捉鼠标位置等,可省略
*/
function DisplayMp(event)
{
document.getElementById('mp_x').innerHTML = event.clientX + 'px';
document.getElementById('mp_y').innerHTML = event.clientY + 'px';
} // end of function DisplayMp
//--><!]]>
</script>
另外取到鼠标的坐标,赋值给style.top等属性的时候,后面需要加上单位,不然也会提示错误。下面就是一个正确的例子:
obj.style.top = event.clientX + 10 + ‘px’;
See Also:
Update @ 2007-03-29
如果在js中使用html_obj.onclick = function () { some_action uses Event }
这类语法时,如果遇到Event
,注意Event
最好大写,不然不会生效。
Update @ 2008-05-18
似乎找到最终的优秀解决方法了,首先用一句话解决event对象的兼容性:
if (!e) var e = window.event;
同时在调用函数的时候,如果没有显式传递Event,它会自动赋值。同时还找到取鼠标位置更兼容的方法:
if (e.pageX || e.pageY) {
posx = e.pageX;
posy = e.pageY;
}
else if (e.clientX || e.clientY) {
posx = e.clientX + document.body.scrollLeft
+ document.documentElement.scrollLeft;
posy = e.clienty + document.body.scrollTop
+ document.documentElement.scrollTop;
}
结合起来,用jQuery调用的例子:
$("#showhide_svninfo").mouseover(function(e) {
SwitchDisplay('#svninfo', 'block', e);
});
这样综合下来,兼容性就非常好了。不过本文中的例子我没有再按照这个改,好像在IE下又不灵光了。
分享到:
相关推荐
js腾讯地图api获取坐标位置是一款soso地图api获取坐标定位地理位置特效。
pdf关键字坐标获取
获取鼠标的坐标,通过js任意获取鼠标点击处的位置坐标。
javascriptjs获取鼠标点击时的坐标位置 只想帮你度过这个问题 加油你也行的
JavaScript应用实例-click控件获取坐标位置.js
坐标系统详解,GIS,地理信息系统,地理坐标系统详解
UG NX坐标系详解 新手可以用的资源
直接运行就可以弹出swing页面,然后根据鼠标移动位置在界面显示鼠标坐标位置,亲测有用,欢迎下载
js获取页面控件坐标.pdf
javascript获取鼠标当前位置坐标,并显示出来
利用C#语言实现获取鼠标当前位置坐标的功能
js腾讯地图api获取坐标定位地理位置_soso地图api获取坐标 js腾讯地图api获取坐标定位地理位置_soso地图api获取坐标
js 动态设置图片的热区并获取图片坐标 浏览器 均兼容 你懂的
代码实现:读取图片,显示图像,获取图片坐标及像素值进行显示(vs2013+qt5.3.0 x64环境)
需安装EasyX库。该程序可快速连续获取图片上的坐标和选区宽高,并可将选区抠图保存为图片。
获取鼠标在当前屏幕坐标系中的位置信息 将鼠标移动到要获取位置的点,然后按F10,就会弹出当前的坐标值
下载之后,无需安装,直接点击pyautogu.exe,可以获取鼠标实时坐标位置,辅助支持开发自动化软件、游戏辅助软件、网页自动化、爬虫、游戏外挂等
javascript中获取坐标的参数javascript中获取坐标的参数javascript中获取坐标的参数javascript中获取坐标的参数
js获取指定位置的div坐标,方便用户得到网页上的任何div元素的坐标位置
MFC实现获取鼠标坐标MFC实现获取鼠标坐标MFC实现获取鼠标坐标MFC实现获取鼠标坐标MFC实现获取鼠标坐标