script.aculo.us 拖放更改选项

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

change 选项的调用与 onDrag 选项一样，即它用于指定一个回调函数，当当前拖动元素时将调用该回调函数。但是与 change 选项相比，onDrag 选项是更受欢迎的选项。

句法：

new Draggable('element', {change: 'function'});

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

• 函数：这是一个回调函数，每当拖动元素时都会调用它。

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

例子：

HTML

 
 
 
   
   
   
   
    
   
    window.onload = function () { 
    
      // Define a function to be used 
      // when the element is being dragged 
      new Draggable('elem1', { 
        change: (elem) => { 
          console.log("The element is " 
            + "currently being dragged"); 
    
          // The element that is being dragged 
          // can be accessed using the parameter 
          // in the callback function 
        }, 
    
        onEnd: () => { 
          console.log("The dragging of " 
            + "the element has stopped"); 
        } 
      }); 
    }; 
   
 
 
   
     
      GeeksforGeeks 
     
   
   
    script.aculo.us Drag & 
    Drop change Option 
   
      
    
 
    The change callback would be invoked 
    whenever the element is being currently 
    dragged. 
  
   
    
    
 
    Drag the image below and check 
    the console. 
  
   
    
   
 

输出：