jQuery-Ui에서 event.pageX 및 event.pageY를 ​​아는 방법이 증가하거나 감소하고 있습니까?

Question

내 프로그래밍에서 다음과 같은 jQuery-UI 코드를 사용하고 있습니다. 아무도 어떻게 알 수 있는지, event.pageX와 event.pageY가 특정 div의 크기를 조정하는 동안 증가하는지 또는 감소하는지 여부를 알 수 있습니까?

CODE :

fontSize = parseInt($(' span',this).css('fontSize')); 
$(this).resizable({ 
       disabled:false, 
       handles: 'nw, ne, se, sw', 
       resize: function(event, ui) { 
         xvalue = event.pageX; 
         yvalue = event.pageY; 
         fontSize = fontSize+.1; 
         $(" span",this).css("fontSize",fontSize); 
         } 
}); 

사람이 어떻게가 xValue 및 yValue 증가 또는 감소되어 알아 갈 수 있습니까 ??

Answer 1

var fontSize = parseInt($('span', this).css('fontSize')); 
var xValue, yValue; 

var f = function(event, ui) { 
    var isXIncreasing = xXalue < event.pageX; 
    var isYIncreasing = yValue < event.pageY; 
    //^you can do something with these now 

    xValue = event.pageX; 
    yValue = event.pageY; 
    fontSize = fontSize+.1; 
    $('span', this).css("fontSize",fontSize); 
}; 

$(this).resizable({ 
    disabled: false, 
    handles: 'nw, ne, se, sw', 
    resize: f 
}); 

Answer 2

당신은 현재의 크기 조정 작업이 감소하거나 크기를 증가 여부를 확인하기 위해 ui.originalSize 및 ui.size을 비교할 수 있습니다. 예를 들어

:

resize: function(event, ui) { 
    if (ui.size.height > ui.originalSize.height) { 
     // element is taller than before 
    } else { 
     // element is the same size or smaller than before 
    } 
} 

비유함으로써, 당신은 요소가 이전보다 더 넓은 있는지 ui.size.width 및 ui.originalSize.width를 사용할 수 있습니다.

See the API.