虽然题目很简单,但仍是感受本身敲的代码很少,对于JS方法的使用及规则仍是不够熟练,收获仍是不少的,至少认识到了,本身编码速度仍是太慢,思路,逻辑仍是不够清楚。javascript
<!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>html