0

ドラッグ アンド ドロップのビデオ プレーヤーを作成したいのですが、行き詰まっています。

いくつかの div ドロップゾーンがあり、ドロップされたビデオ (ビデオ ファイルにリンクされるビデオの div id/画像) を次々に再生したいと考えています。配列でそれを行うつもりです。私の問題は、ドロップゾーンに何がドロップされたかを教えてもらえないことです。私はいくつかのことを試しましたが、何もうまくいきませんでした。

私は使用しています：

<div id="divDropzone1" ondrop="drop(event)" ondragover="allowDrop(event)"></div>

<div id="Video1" draggable="true" ondragstart="drag(event)"><img   src="images/Video1.jpg" onclick="Video1()"></div>

function allowDrop(ev)
{
ev.preventDefault();
}

function drag(ev)
{
ev.dataTransfer.setData("Text",ev.target.id);
}

function drop(ev)
{
ev.preventDefault();
var data=ev.dataTransfer.getData("Text");
ev.target.appendChild(document.getElementById(data));
}
4

1 に答える 1

0 
var data=ev.dataTransfer.getData("Text");

drop()次のように変更する場合、そのコード行が重要です

function drop(ev){
ev.preventDefault();
var data=ev.dataTransfer.getData("Text");
console.log(data);
ev.target.appendChild(document.getElementById(data));
}

ドロップした要素の ID を取得できることがわかります。

于 2013-05-14T21:41:44.303 に答える