JQuery使用mousedown和mouseup判斷滑鼠按下與釋放位置是否相同

在JQuery中，我們可以利用mousedown、mouseup來追蹤頁面的滑鼠按下與釋放事件。

如何取得滑鼠的位置資訊？事件event的pageX和pageY屬性可以讓我們獲得滑鼠在頁面中的具體位置信息，相當於數學座標系中的xy座標那樣。

於是我們可以先用一個全局變數來記錄滑鼠按下的位置信息，再在滑鼠釋放的函數裡判斷按下的位置與釋放的位置是否一致，再根據結果做操作。

範例程式碼如下：

    var x,y;
    $(document).mousedown(function(event){ //获取鼠标按下的位置
        x = event.pageX;
        y = event.pageY;
    });
    $(document).mouseup(function(event){//鼠标释放        
    var newX = event.pageX;        
    var newY = event.pageY;        
    if(x==newX && y==newY){
            //位置相同的操作
        }        else{
            //位置不同的操作
        }
    })

以上是JQuery使用mousedown和mouseup判斷滑鼠按下與釋放位置是否相同的詳細內容。更多資訊請關注PHP中文網其他相關文章！