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{
            //位置不同的操作
        }
    })