如何处理调整大小事件

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

检查事件对象：

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

Answer 4

比这更简单，只需获取事件的目标（即触发事件的 DOM 元素）

$(event.target)

Answer 5

这对我有用：（可调整大小的开始事件）

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');
}

Answer 6

这在 jQuery UI v1.11.4 中对我有用

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