如何获得调整大小事件的句柄

问题描述

|| 我需要知道当前向东或向西拖动了哪个手柄。

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

任何帮助，将不胜感激。谢谢。     

解决方法

检查事件对象：

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

    ,与jQuery有类，它工作太慢，只是使用

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

那么您可以知道东西方的大小已调整     ,

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

    ,比那简单得多，只需获取事件的目标（触发事件的DOM元素）

$(event.target)

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

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

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

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