在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問(wèn)答/HTML5/ H5 拖放 drag drop

H5 拖放 drag drop

1.dataTransfer對(duì)象有兩個(gè)主要的方法:getData()方法和setData()方法。從這兩個(gè)方法的英文字面意思上就能大概猜出來(lái)其用途。getData()方法可以取得由setData()方法保存的值。setData()方法的第一個(gè)參數(shù),也是getData()方法唯一的一個(gè)參數(shù),是用來(lái)保存數(shù)據(jù)類型的字符串,取值是”Text”或”URL”
2.
但是我的代碼取別的值也ok阿,這個(gè)到底是類型還是只是data名稱?

<script type="text/javascript">
function allowDrop(ev)
{
ev.preventDefault();
}

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

function drop(ev)
{
ev.preventDefault();
var data=ev.dataTransfer.getData("ok");
ev.target.appendChild(document.getElementById(data));
}
</script>
<div id="div1" ondrop="drop(event)" ondragover="allowDrop(event)">
  <img src="/i/eg_dragdrop_w3school.gif" draggable="true" ondragstart="drag(event)" id="drag1" />
</div>
<div id="div2" ondrop="drop(event)" ondragover="allowDrop(event)"></div>
回答
編輯回答