如何在javascript中找到收缩方向?

如何在javascript中找到收缩方向?,javascript,jquery,touch,Javascript,Jquery,Touch,在我的网络应用程序中,我有一个div,它可以根据挤压方向改变高度和宽度。例如,如果用户水平挤压,它将改变宽度;对于垂直挤压,它将改变高度 我正在使用手势事件 var scaleMe = $("#scaleMe"); scaleMe[0].ongesturestart = function (e) { height = scaleMe .height(); } scaleMe[0].ongesturechange = function (e) { e.preventDefau

在我的网络应用程序中,我有一个div,它可以根据挤压方向改变高度和宽度。例如,如果用户水平挤压,它将改变宽度;对于垂直挤压,它将改变高度

我正在使用手势事件

var scaleMe = $("#scaleMe");  
scaleMe[0].ongesturestart = function (e) {
    height = scaleMe .height();
}

scaleMe[0].ongesturechange = function (e) {
    e.preventDefault();                 
    var scaleheight = (scaleMe.height() * e.scale); 
    scaleMe.height(Math.min(Math.max(scaleheight, 50), 400));
}

有没有办法找到挤压方向?

如果我理解正确的话

在“guesturestart”中,您应该保存其中一个手势的夹点坐标(或者您可以保存所有手势以提高精度)

var alltouchs=event.originalEvent.touchs

var prevTouchX=AllTouchs[0]。pageX

var-prevTouchY=allTouchs[0]。页面

然后,在“guesturechange”中,您必须计算轴的运动长度

var alltouchs=event.originalEvent.touchs

var touchX=alltouchs[0].pageX

var touchY=alltouchs[0]。pageY

var propertyToChange=null

if(Math.abs(touchX-prevTouchX)>Math.abs(touchY-prevTouchY))>{

propertyToChange='宽度'

}否则{

propertyToChange='高度'

}


希望它有用。

所以你不想要缩放?随着缩放,我的意思是高度和宽度保持相对。如果你的意思是调整大小,不要使用捏手势,因为用户需要的是比例,而不是调整大小。