jQuery 是一种广泛使用的 JavaScript 库，可以轻松地实现各种交互功能，其中包括拖放（drag and drop）功能。在拖放过程中，有时需要获取当前被拖动的元素，以便进行一些特定操作。本文将介绍如何使用 jQuery 来获取正在拖动的元素，并提供具体示例。
前置知识
在学习本文之前，您应该了解以下知识：
- 基本的 HTML 和 CSS 知识
- JavaScript 和 jQuery 的基础知识
- 拖放事件和属性
实现步骤
1. 注册拖动事件
在 HTML 中，我们通常会将需要拖动的元素设置为可拖动（dragable），并为其注册相关事件。以下是一个简单的示例：
---- -------------- -----------------------------
在 JavaScript/jQuery 中，您可以使用 .draggable() 函数来注册拖动事件。
---------------------------
------ --------------- --- -
-- ----------
--
----- --------------- --- -
-- ----------
--
----- --------------- --- -
-- ----------
-
---其中，start、drag 和 stop 分别是拖动的三个主要事件。在这些事件处理程序中，您可以编写代码来实现拖动元素的特定行为。
2. 获取拖动元素
在上面的 .draggable() 函数中，事件处理程序的第二个参数 ui 可以用于获取正在拖动的元素。
---------------------------
------ --------------- --- -
----------------------- -- ---------
-
---ui.helper 是一个 jQuery 对象，它包含了当前正在拖动的元素。使用 .get() 方法可以将其转换为原生 DOM 元素，并进一步操作其属性和样式。
下面是一个完整的示例，当用户拖动一个元素时，在控制台中输出该元素的 ID 和 left/top 坐标。
--------- -----
------
------
----- ----------------
------------- ------------
-------
---------- -
------ ------
------- ------
----------------- --------
------ ------
----------- -------
------------ ------
--------- ---------
---- -----
----- -----
------- -----
-
--------
-------
------
---- -------------- ---------------------------
------- -----------------------------------------------------------
--------
------------ -
---------------------------
------ --------------- --- -
--------------------
--
----- --------------- --- -
--------------------
----------------------- -- ---------
--------------------------------- -- ---------- --
------------------------------------ ------------------------ -- ---------- -------- --
--
----- --------------- --- -
--------------------
-
---
---
---------
-------
-------总结
在本文中，我们介绍了如何使用 jQuery 来获取正在拖动的元素。通过注册拖动事件，并使用 ui.helper 参数，您可以轻松地获取当前被拖动的元素。此外，我们还提供了一个完整的
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/27647