现在的位置: 首页 > 综合 > 正文

用 javascript 获取当页面上鼠标(光标)位置

2013年10月14日 ⁄ 综合 ⁄ 共 534字 ⁄ 字号 评论关闭

用 javascript 获取当页面上鼠标(光标)位置在许多情况下都会用到,比如拖放,悬停提示(tooltip) 等等。当然,这里我们依然要面对浏览器的兼容问题,在不同的浏览器下,对这些相关的属性处理方式也不同,本文详细介绍了浏览器在处理这些属性时的差异和最终的解决方法。


javascript 获取当页面上鼠标(光标)位置 – 示例

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<script
type=
"text/javascript">
 
//
说明:获取鼠标位置
//
整理:http://www.codebit.cn
//
来源:http://www.webreference.com
 
functionmousePosition(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

抱歉!评论已关闭.