Как получить ручку на событие изменения размера

Question

Мне нужно знать, какую ручку в данный момент перетаскивают, на восток или на запад.

$("#mydiv").resizable({
    handles: 'e, w',
    resize: function(event, ui) {
        // to do: get active handle
    }

Любая помощь будет оценена. Спасибо.

Answer 1

с jquery имеет класс, он работает слишком медленно, просто используйте

if(ui.position.left != ui.originalPosition.left) //for west resize

тогда вы можете знать, что восток или запад был изменен

Answer 2

$( '#mydiv' ).resizable({
    resize: function( event, ui ) {
        // this will return direction as "n", "e", "s", "se" etc.
        var $direction = $( this ).data( 'resizable' ).axis;
    }
});

Answer 3

это проще, просто получить цель события (который является элементом DOM, который вызвал событие)

$(event.target)

Answer 4

Проверка объекта события:

var west = $(event.srcElement).hasClass('ui-resizable-w');

Answer 5

Это работает для меня в jQuery UI v1.11.4

$(event.target).data('uiResizable').axis

Answer 6

Это сработало для меня: (Изменение размера стартового события)

if (e.toElement.className.indexOf("ui-resizable-w") >= 0) {
  console.log('west');
} else if (e.toElement.className.indexOf("ui-resizable-e") >= 0) {
  console.log('east');
}