拖放（drag 和 drop）是 html5 標準的組成部分。
拖放是一種常見的特性，即抓取物件以後拖到另乙個位置。
在 html5 中，拖放是標準的一部分，任何元素都能夠拖放。
internet explorer 9、firefox、opera 12、chrome 以及 safari 5 支援拖放。
注釋：在 safari 5.1.2 中不支援拖放。
下面的例子是乙個簡單的拖放例項：
οndragstart="drag(event)" width="336" height="69" //>
首先，為了使元素可拖動，把 draggable 屬性設定為 true ：
在上面的例子中，ondragstart 屬性呼叫了乙個函式，drag(event)，它規定了被拖動的資料。
datatransfer.setdata() 方法設定被拖資料的資料型別和值：
function drag(ev)在這個例子中，資料型別是 "text"，值是可拖動元素的 id ("drag1")。
ondragover 事件規定在何處放置被拖動的資料。
預設地，無法將資料/元素放置到其他元素中。如果需要設定允許放置，我們必須阻止對元素的預設處理方式。
這要通過呼叫 ondragover 事件的 event.preventdefault() 方法：
event.preventdefault()在上面的例子中，ondrop 屬性呼叫了乙個函式，drop(event)：
function drop(ev)來回拖動：
HTML5之拖放功能
要接受元素的放下，目標元素必須監聽至少3個事件 1 首先是dragenter事件，用來決定是否接受 拖動的元素 被放下，如果接受放下，那麼該事件就被取消，進入下乙個事件 2 然後開始dragover事件，用來確定給使用者什麼樣的反饋，即位於該元素之上時呈現什麼樣的效果，如果該事件被取消，反饋一般是乙...
html5 拖放學習
html5拖放 需要有可拖放元素，可放置的位置 可多個 就像是乙個蘋果，多個箱子，蘋果可以在箱子間來回放置，同樣元素也可在多個可放置位置間來回拖放。如果只有乙個位置，元素只可被從原位置託放置唯一目標位置，且不能再被拖動。第一步，設定draggable 屬性值為true,使元素可拖放 1第二步，dat...
HTML5實現拖放
拖放 drag 和 drop 是 html5 標準的組成部分。拖放是一種常見的特性，即抓取物件以後拖到另乙個位置。在 html5 中，拖放是標準的一部分，任何元素都能夠拖放。internet explorer 9 firefox opera 12 chrome 以及 safari 5 支援拖放。注釋...