javascript - ondragover、ondragstart 和 ondrop

Question

使用 ondragover="functioname(event)、ondragstart="functioname(event) 和 ondrop="functioname(event) HTML 标签内。我想将 JS 与 HTML 分开，但我找不到如何做到这一点以及是否会有一些性能影响(我想使用原生 HTML5 拖放)。

谢谢!

Answer 1

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

HTML:

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

JavaScript:

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