用 javascript 獲取當頁面上鼠標（光標）位置 - event, window, 事件, position, 位置, mouse, 光標, 鼠標,

julyfire 2011-01-06

展開全文

用 javascript 獲取當頁面上鼠標（光標）位置

作者: Codebit 來源: Codebit.cn 時間: 2007-04-16 10:06:12

摘要: 用 javascript 獲取當頁面上鼠標（光標）位置在許多情況下都會用到，比如拖放，懸停提示（tooltip）等等。當然，這里我們依然要面對瀏覽器的兼容問題，在不同的瀏覽器下，對這些相關(guān)的屬性處理方式也不同，本文詳細介紹了瀏覽器在處理這些屬性時的差異和最終的解決方法。

歸類: Javascript,

關(guān)鍵詞: event, window, 事件, position, 位置, mouse, 光標, 鼠標,

用 javascript 獲取當頁面上鼠標（光標）位置在許多情況下都會用到，比如拖放，懸停提示（tooltip）等等。當然，這里我們依然要面對瀏覽器的兼容問題，在不同的瀏覽器下，對這些相關(guān)的屬性處理方式也不同，本文詳細介紹了瀏覽器在處理這些屬性時的差異和最終的解決方法。

--------------------------------------------------------------
點此瀏覽示例文件
--------------------------------------------------------------

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>