用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>