📜  script.aculo.us 拖放 onStart 选项

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

script.aculo.us 拖放 onStart 选项

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

onStart选项用于指定一个回调函数,当元素开始拖动时将调用该回调函数。被拖动的元素将作为参数传递给函数。

包括脚本:

第 1 步:在开始之前,您需要下载包含在我们 HTML 页面的 标记中的脚本文件。您可以从 http://script.aculo.us/downloads 下载它

第二步:解压文件,把需要的文件(主要是prototype.jsscriptaculous.js )放到你文件夹的当前根目录下。

第 3 步:将您选择的任何图像放在文件夹的当前根目录中,如下例中使用 elem1.png。

句法:

{ onStart: function }

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

  • 函数:这是一个回调函数,每当开始拖动元素时都会调用它。

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

示例 1:

HTML



  
  
  
  

  

  
    

      GeeksforGeeks     

  
       script.aculo.us Drag &     Drop onStart Option           

    The onStart callback would be      invoked whenever the element is     started to be dragged.   

      

    Drag the image below and      check the console.   

     


HTML



  
  
  
  


  
    

      GeeksforGeeks     

  
       script.aculo.us Drag &     Drop onStart Option           

    The onStart callback would be     invoked whenever the element is     started to be dragged.   

     

    Drag the image below to notice     the visual effect.   

     


输出:

示例 2:

HTML




  
  
  
  


  
    

      GeeksforGeeks     

  
       script.aculo.us Drag &     Drop onStart Option           

    The onStart callback would be     invoked whenever the element is     started to be dragged.   

     

    Drag the image below to notice     the visual effect.   

     

输出:

参考: http://script.aculo.us/