2017-01-18 10 views
1

ondragover="functioname(event),ondragstart="functioname(event)およびondrop="functioname(event)は、HTMLタグ内で使用されます。 JSをHTMLから分離したいのですが、それを行う方法が見つからず、パフォーマンスの影響がある場合(ネイティブHTML5のドラッグアンドドロップを使用したい場合)は見つかりません。ondragover、ondragstartおよびondrop

ありがとうございます!

答えて

0

要素にIDを追加し、そのIDを使用してIDを取得してから、それらにイベントリスナーを追加しようとします。

HTML:

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

JAVASCRIPT:

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

Webページでイベントを処理する方法はたくさんあります。 - 表示されているような属性を使用する - jsオブジェクトとメソッドを使用する

2番目のオプションが必要ですか?

独自のコード(apiの説明はhttps://developer.mozilla.org/en-US/docs/Web/API/HTML_Drag_and_Drop_APIを参照)を使用するか、サードパーティ製のライブラリを使用してください(https://github.com/bevacqua/dragula,など)。