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

—————————————————————————————————————————————————–

java架構師專案實戰,高併發叢集分散式,大資料高可用視訊教程，共760G

下載地址：

https:
 
//item.taobao.com/item.htm?id=562739965822

01.高階架構師四十二個階段高
02.Java高階系統培訓架構課程148課時
03.Java高階網際網路架構師課程
04.Java網際網路架構Netty、Nio、Mina等-視訊教程
05.Java高階架構設計2016整理-視訊教程
06.架構師基礎、高階片
07.Java架構師必修linux運維繫列課程
08.Java高階系統培訓架構課程116課時
+
hadoop系列教程，java設計模式與資料結構， Spring Cloud微服務， SpringBoot入門

—————————————————————————————————————————————————–