📜  jQuery UI 可调整大小的启动事件

📅  最后修改于: 2022-05-13 01:56:03.422000             🧑  作者: Mango

jQuery UI 可调整大小的启动事件

jQuery UI 由 GUI 小部件、视觉效果和使用 HTML、CSS 和 jQuery 实现的主题组成。 jQuery UI 非常适合为网页构建 UI 界面。开始调整大小操作时会触发 jQuery UI Resizable start事件。

句法:

初始化可调整大小的开始事件。

$( ".selector" ).resizable({
 start: function( event, ui ) {}
});
  • 将事件侦听器绑定到 resizestart 事件。

    $( ".selector" ).on( "resizestart", function( event, ui ) {} );

参数:它接受一个有两个参数的回调函数。

event:它接受事件类型值。

ui:它接受如下所示的对象类型值。

  • element:这个 jQuery 对象在元素被调整大小时表示。
  • helper:这个 jQuery 对象在帮助器被调整大小时表示。
  • originalElement:这个 jQuery 对象在原始元素被包装时表示。
  • originalPosition:这个参数是resize之前表示为left和top的位置。
  • originalSize:这个参数是resize之前用宽高表示的尺寸。
  • position:该参数是当前位置,表示为left和top。
  • size:这个参数是当前的大小,用宽度和高度表示。

CDN 链接:首先,添加项目所需的 jQuery UI 脚本。

示例:此示例演示了 jQuery UI 可调整大小的启动事件。

HTML


  

    
    
    
    
    

  

    
        

            GeeksforGeeks         

        

jQuery UI Resizable start Events

        
        
GeeksforGeeks
    
       


输出:

jQuery UI 可调整大小的启动事件

jQuery UI 可调整大小的启动事件

参考: https://api.jqueryui.com/resizable/#event-start