jQuery UI API 类别 - 交互（Interactions）

男娘i 2024-03-24 13:43 50阅读 0赞

jQuery UI 提供了一套基于鼠标的交互。

<table> 
 <tbody> 
  <tr> 
   <th>API</th> 
   <th>描述</th> 
   <th>也属于类别</th> 
  </tr> 
  <tr> 
   <td><a href="https://www.runoob.com/jqueryui/api-draggable.html" title="可拖拽小部件（Draggable Widget）" rel="nofollow">可拖拽小部件（Draggable Widget）</a></td> 
   <td>允许使用鼠标移动元素。</td> 
   <td></td> 
  </tr> 
  <tr> 
   <td><a href="https://www.runoob.com/jqueryui/api-droppable.html" title="可放置小部件（Droppable Widget）" rel="nofollow">可放置小部件（Droppable Widget）</a></td> 
   <td>为可拖拽小部件创建目标。</td> 
   <td></td> 
  </tr> 
  <tr> 
   <td><a href="https://www.runoob.com/jqueryui/api-mouse.html" title="鼠标交互（Mouse Interaction）" rel="nofollow">鼠标交互（Mouse Interaction）</a></td> 
   <td>基本交互层。</td> 
   <td><a href="https://www.runoob.com/jqueryui/ref-utilities.html" title="实用工具（Utilities）" rel="nofollow">实用工具（Utilities）</a></td> 
  </tr> 
  <tr> 
   <td><a href="https://www.runoob.com/jqueryui/api-resizable.html" title="可调整尺寸小部件（Resizable Widget）" rel="nofollow">可调整尺寸小部件（Resizable Widget）</a></td> 
   <td>使用鼠标改变元素的尺寸。</td> 
   <td></td> 
  </tr> 
  <tr> 
   <td><a href="https://www.runoob.com/jqueryui/api-selectable.html" title="可选择小部件（Selectable Widget）" rel="nofollow">可选择小部件（Selectable Widget）</a></td> 
   <td>使用鼠标选择单个元素或一组元素。</td> 
   <td></td> 
  </tr> 
  <tr> 
   <td><a href="https://www.runoob.com/jqueryui/api-sortable.html" title="可排序小部件（Sortable Widget）" rel="nofollow">可排序小部件（Sortable Widget）</a></td> 
   <td>使用鼠标调整列表中或者网格中元素的排序。</td> 
  </tr> 
 </tbody> 
</table>