script.aculo.us 拖放句柄选项

script.aculo.us 库是一个跨浏览器库，旨在改进网站的用户界面。拖放模块可用于使任何元素可拖放，也可以将它们拖放到放置区域中。

handle选项用于指定在移动可拖动项目时将用作句柄的元素。它可以是对 DOM 元素的引用，也可以是定义要使用的句柄的字符串。

句法：

{ handle: value }

参数：此选项具有如上所述和如下所述的单个值：

• value：这是对指定句柄的 DOM 元素或字符串值的引用。未设置默认值。

下面的示例说明了此选项的使用。

例子：

HTML

  
  
  
  
  
  
  
    window.onload = function () {
  
      // Draggable element with the
      // handle defined
      new Draggable('elem1', 
          { handle: 'handle_img' });
    };
  

  

  
    
      GeeksforGeeks
    
  
  
  
    script.aculo.us Drag &
    Drop handle Option
  
  
  
    Drag the elements to see the
    effect of the handle option.
    The element below can be dragged
    using its handle.
  
    
  
    The image below is used 
    as the handle
  
    
  
  
    
  
    The image below is the 
    element to be dragged
  
  
  
  

  

输出：