用 javascript 获取当页面上鼠标（光标）位置 - event, window, 事件, position, 位置, mouse, 光标, 鼠标,

用 javascript 获取当页面上鼠标（光标）位置

作者: Codebit     来源: Codebit.cn     时间: 2007-04-16 10:06:12

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

归类: Javascript,

关键词: event, window, 事件, position, 位置, mouse, 光标, 鼠标,

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


--------------------------------------------------------------
点此浏览示例文件
--------------------------------------------------------------


Javascript:

    

    
 
    
    

    
<script type="text/javascript"> 
    
    

    
 
    
    

    
// 说明：获取鼠标位置 
    
    

    
// 整理：http://www. 
    
    

    
// 来源：http://www. 
    
    

    
 
    
    

    
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 
    
    

    
    }; 
    
    

    
} 
    
    

    
 
    
    

    
</script>