ondragover，ondragstart和ondrop

Question

HTML标记内使用ondragover="functioname(event)，ondragstart="functioname(event)和ondrop="functioname(event)。我想将JS与HTML分开，但我找不到如何操作以及是否会对性能产生影响（我想使用本机HTML5拖放）。

谢谢！

Answer 1

为您的元素添加一个id，然后尝试使用该ID检索它们，然后向它们添加事件侦听器。

HTML：

<div id="myDiv"></div>

JAVASCRIPT：

var myDiv = document.getElementById("myDiv");
myDiv.ondragover = functionname;
// ...

Answer 2

有很多方法可以处理网页中的事件。 - 使用您所显示的属性 - 使用js对象和方法

你想要第二个选项，不是吗？

您可以尝试编写自己的代码（请参阅此处的https://developer.mozilla.org/en-US/docs/Web/API/HTML_Drag_and_Drop_API中的api说明）或为此目的使用第三方库（https://github.com/bevacqua/dragula，http://interactjs.io/，等等）。