設定元素可拖動
乙個img想放到div中，首先設定img可以被拖動 draggable=「true」
拖動什麼 ondeagstart 、setdata
元素拖動的時候會發生什麼，drag（ev）這方法規定了被拖動的資料，ev.datatransfer.setdata(「text」,ev.target.id) 設定被拖動資料的資料型別和值 例如text是資料型別，id(「drag1」)是值
拖放到何處 -ondragover
ondragover設定在何處放置資料，預設是無法將資料放到其他元素中，所以需要重新設定，呼叫
event.preventdefault();
進行放置 - ondrop
當放置資料時，發生drop事件，呼叫乙個drop函式
ev.preventdefault()設定瀏覽器對資料的處理方式，預設是以連線的形式開啟的，但是去掉這一行也可以實現拖放
var data = ev.datatransfrt.getdata("text"); 獲取被拖放的資料
被拖的資料元素是id(「drag1」)
元素在兩個div之間來回拖動，原理類似
初學HTML5 拖放（Drag 和 Drop）
internet explorer 9 firefox,opera,chrome,和 safari 支援拖動。注意 safari 5.1.2不支援拖動.id drag1 src images logo.png draggable true ondragstart drag event width 3...
前端 html5 拖放（Drag 和 Drop）
拖放 drag 和 drop 是 html5 標準的組成部分。首先看個例項 拖動 logo 到矩形框中 首先，為了使元素可拖動，把 draggable 屬性設定為 true 然後，規定當元素被拖動時，會發生什麼。在上面的例子中，ondragstart 屬性呼叫了乙個函式，drag event 它規定...
HTML5 拖放（Drag 和 Drop）用法
拖放 drag 和 drop 是 html5 標準的組成部分。設定元素為可拖放 1，拖動什麼 ondragstart 和 setdata 然後，規定當元素被拖動時，會發生什麼。在上面的例子中，ondragstart 屬性呼叫了乙個函式，drag event 它規定了被拖動的資料。datatransf...