HTML5確定放置放置對象

在這個W3School示例中，我可以獲取有關事件和目標對象的大量數據，但是如何確定將什麼對象放到目標上？HTML5確定放置放置對象

<!DOCTYPE HTML> 
<html> 
<head> 
<style> 
#div1 {width:350px;height:70px;padding:10px;border:1px solid #aaaaaa;} 
</style> 
<script> 
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)); 
} 
</script> 
</head> 
<body> 

<p>Drag the W3Schools image into the rectangle:</p> 

<div id="div1" ondrop="drop(event)" ondragover="allowDrop(event)"></div> 
<br> 
<img id="drag1" src="img_logo.gif" draggable="true" ondragstart="drag(event)" width="336" height="69"> 

</body> 
</html>

來源

2016-02-26 GoBeavs

在放置函數中，您要放入的元素的ID被定義爲'data'。因此，你可以寫var element = document.getElementById(data)

現在，元素變量是對象，你可以得到所有你wan't關於它的信息，它傳遞給另一個函數等

來源

2016-02-26 16:09:20 phobos

HTML5確定放置放置對象

回答

相關問題