Javascript ondragover、ondragstart和ondrop

Javascript ondragover、ondragstart和ondrop,javascript,html,drag-and-drop,Javascript,Html,Drag And Drop,HTML标记中使用了ondragover=“functioname(event)、ondragstart=“functioname(event)和ondrop=“functioname(event)。我想将JS与HTML分开,但我找不到如何做,以及是否会对性能产生影响(我想使用原生HTML5拖放) 谢谢!向元素添加一个id,然后尝试使用该id检索它们,然后向它们添加事件侦听器 HTML: 向元素添加一个id,然后尝试使用该id检索它们,然后向它们添加事件侦听器 HTML: 有很多方法可以处理网页

HTML标记中使用了
ondragover=“functioname(event)
ondragstart=“functioname(event)
ondrop=“functioname(event)
。我想将JS与HTML分开,但我找不到如何做,以及是否会对性能产生影响(我想使用原生HTML5拖放)


谢谢!

向元素添加一个id,然后尝试使用该id检索它们,然后向它们添加事件侦听器

HTML:


向元素添加一个id,然后尝试使用该id检索它们,然后向它们添加事件侦听器

HTML:


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

你想要第二种选择,不是吗


您可以尝试编写自己的代码(请参见此处的api说明)或为此目的使用第三方LIB(,等等)。

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

你想要第二种选择,不是吗

您可以尝试编写自己的代码(请参见此处的api描述)或使用第三方LIB(等等)

<div id="myDiv"></div>
var myDiv = document.getElementById("myDiv");
myDiv.ondragover = functionname;
// ...