當前位置: 首頁>>編程示例 >>用法及示例精選 >>正文

JQuery UI Draggable drag( event, ui )用法及代碼示例

用法:

drag( event, ui )

類型：drag

在拖動期間移動鼠標時觸發，即在當前移動發生之前。
  • event
    類型：Event
  • ui
    類型：Object
    • helper
      類型：jQuery
      表示正在拖動的助手的 jQuery 對象。
    • position
      類型：Object
      助手的當前 CSS 位置為 { top, left } 對象。可以更改這些值以修改元素的放置位置。這對於自定義包含、捕捉等很有用。
    • offset
      類型：Object
      助手的當前偏移位置為{ top, left } 對象。

代碼示例：

使用指定的拖動回調初始化可拖動對象：

$( ".selector" ).draggable({
  drag: function( event, ui ) {}
});

將事件偵聽器綁定到拖動事件：

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

通過 ui.position 約束移動：

$( ".selector" ).draggable({
  drag: function( event, ui ) {
 
    // Keep the left edge of the element
    // at least 100 pixels from the container
    ui.position.left = Math.min( 100, ui.position.left );
  }
});

相關用法


注：本文由純淨天空篩選整理自jqueryui.com大神的英文原創作品 Draggable drag( event, ui )。非經特殊聲明，原始代碼版權歸原作者所有，本譯文未經允許或授權，請勿轉載或複製。