拖放事件与鼠标事件的拖放事件

Question

[最近，我开始学习Drag and Drop API，并正在从this开始学习关于YouTube的一些教程，这很好，理解了整个Drag Cycle。

但是我看到一些other tutorials并未使用drag，但是拖动功能是使用mouseup，mousedown，mousemove事件创建的。

我目前正在研究Vanilla JS

我仍在寻找答案-

1. 为什么在mouse事件上使用drag事件？使用mouse事件可以完成的事情很少吗？

2. 如果是这种情况，[[场景是什么，使用drag无效吗？或使用drag事件将不起作用？

3. 如何选择实现mouse功能的方式？两种方法都有利弊吗？
4. 还有其他方法吗？ （我的意思是drag and drop事件和mouse事件除外）

Answer 1

我不知道您的问题为何获得了两次密切投票？我认为这是一个足够合理的问题，有一个HTML拖放API，但是大多数实现都使用鼠标事件和绝对定位。您始终可以告诉我们，因为它们将拖动限制在您开始拖动的浏览器页面上。

HTML5拖放允许您将其拖动到浏览器的外部并与其他应用程序进行交互。例如，您可以在浏览器选项卡之间拖放，也可以从文字处理器中拖动数据，然后使用拖放API将其拖放到Web应用程序中。您也可以将内容从Web应用程序中拖放到本机应用程序上。

例如，您无法使用诸如jquery可拖动API之类的东西进行上述任何操作。如果您想在页面上移动一个元素，那么jQuery的可拖动方法更容易实现，例如，拖放API将“鬼影”被拖动的元素，而如果绝对定位，则可以在鼠标上更新它的坐标移动等。

这是几年前我使用HTML5拖放操作实现的drag。

我的建议是-如果您想在同一页面中移动元素，例如重新放置东西，或者您无需在浏览器选项卡之间拖动或接受来自其他应用程序的数据，则HTML 5 DnD可能会令人沮丧。 。

希望这会有所帮助。