我有一些代码可以计算对象在单击和移动时的位置,但现在我需要找到单击之间的距离——例如,下次单击对象时该对象移动了多远。我知道它涉及计算斜边,我应该使用 Math.pow() 来求平方,使用 sqrt() 来获取斜边,但我找不到一个很好的例子或让它工作。感谢您的帮助,这是我引用的代码。
$(document).ready(function () {
var i = true;
var clickedImage;
var initialX;
var initialY;
$('.square').click(function (e){
initialX = e.pageX;
initialY = e.pageY;
clickedImage = this;
});
$(document).on('click', function () {
$(this)[i ? 'on' : 'off']('mousemove', follow);
i = !i;
});
function follow(e) {
var xPos = e.pageX;
var yPos = e.pageY;
var distanceX = xPos - initialX;
var distanceY = yPos - initialY;
$("#squarelocation").html("The square is at: " + xPos + ", " + yPos + "pixels");
$('#squaredistance').html("Distance from origin: " + distanceX + ", " + distanceY);
$(clickedImage).offset({
left: e.pageX,
top: e.pageY
});
}
});