1. 程式人生 > >用JS實現計算兩點之間的距離

用JS實現計算兩點之間的距離

 雖然題目很簡單,但還是感覺自己敲的程式碼不多,對於JS方法的使用及規則還是不夠熟練,收穫還是很多的,至少認識到了,自己編碼速度還是太慢,思路,邏輯還是不夠清楚。

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>JS兩點間距</title>
    </head>
    <body>
        <script type="text/javascript">
        var p1,p2;
        document.addEventListener("mousedown",function(e){
            //思路:為了實現計算兩點之間的間距,首先需要設定兩個變數p1和p2用於接收
            //兩次按下滑鼠時所產生的事件引數物件,為網頁文件物件Document註冊滑鼠按下事件
            //通過:Math.abs()獲取兩點之間橫縱座標差的絕對值
            //通過Math.sqrt()函式計算出兩點間的直線距離
            if(!p1){
                p1 = e;
                return;
            }
            p2 = e;
            dx = Math.abs(p2.clientX - p1.clientX);
            dy = Math.abs(p2.clientY - p1.clientY);
            var dis = Math.sqrt(Math.pow(dx,2)+Math.pow(dy,2));
            //去除小數點後的數字,這樣看起來舒服
            console.log("這兩點之間的直線距離為:"+parseInt(dis)+"px");
            
        },false);
        </script>
    </body>
</html>