任何元素都能夠拖放，並且支援瀏覽器與其他應用程式之間的資料的互相拖放，同時大大簡化了拖放方面的相關**。
將想要拖放的物件元素的draggable屬性設為true,
另外img與a元素預設允許拖放 編寫與拖放相關的事件處理**
（1）
在目標元素內移動（dragover）
將拖放元素放置到目標元素內
（2）通過getelementsbyclassname()獲得拖放元素
（3）獲取目標元素
（4）繫結事件：需要拿到每乙個拖放元素去繫結
（5）繫結放置元素事件
lang
="en"
>
>
charset
="utf-8"
>
name
="viewport"
content
="width=device-width, initial-scale=1.0"
>
>
documenttitle
>
>
body
.parent
.child
style
>
head
>
>
class
="parent"
>
div>
class
="parent"
>
div>
draggable
="true"
class
="child"
id="one"
>
1div
>
draggable
="true"
class
="child"
id="two"
>
2div
>
draggable
="true"
class
="child"
id="three"
>
3div
>
draggable
="true"
class
="child"
id="four"
>
4div
>
draggable
="true"
class
="child"
id="five"
>
5div
>
>
window.
onload
=function()
)//5、繫結放置元素事件
parents.
foreach
(function
(item)
)//當body中也繫結事件 當我們在parent中向外拖放child的時，把body設定為目標元素
document.body.ondragover=dov;
document.body.ondrop=dr;
//1、事件處理函式的宣告
//dragstart 拖放開始事件
function
ds(event)
//dragover 在目標元素內移動
function
dov(event)
//drop 將拖放元素放置到目標元素內
function
dr(event)
}script
>
body
>
html
>
sessionstorage 與localstroage
在localstorage檔案中獲取sessionstorage檔案中存的資料，跨選項獲取資料是獲取不到的；因為sessionstorage中的資料僅限當選項卡拿到；
在session storage中能夠獲取localstorage資料，local storage中是同樣是跨選項卡存在的
儲存（2）event.oldvalue 被修改前的值
（3）event.newvalue 被修改後的值
（4）event.url 頁面的url位址
（5）event.storagearea 為變動的sessionstorage物件或localstorage物件
（1）.setitem（） ：存放物件/資料
（2）.getitem（）：獲取資料
（3）.removeitem（）：刪除資料
（4）.clear（）：清除所有的資料
（5）.index（）：獲取index對應的key值
（6）.length：獲得storage中鍵值對數量
方法的使用
HTML5原生api 拖放
1 被拖放放的元素需要設定屬性draggable為true，這是元素可被進行拖放的前提 2 被拖動時的事件屬性 ondragstart 當元素被拖動的時候，事件裡需要呼叫該方法 ev.datatransfer.setdata text ev.target.id 該方法的資料型別是 text 值是可拖...
HTML5學習之 HTML 5 拖放
拖放 drag 和 drop 是 html5 標準的組成部分。拖放是一種常見的特性，即抓取物件以後拖到另乙個位置。在 html5 中，拖放是標準的一部分，任何元素都能夠拖放。internet explorer 9 firefox opera 12 chrome 以及 safari 5 支援拖放。注釋...
HTML5實現拖放
拖放 drag 和 drop 是 html5 標準的組成部分。拖放是一種常見的特性，即抓取物件以後拖到另乙個位置。在 html5 中，拖放是標準的一部分，任何元素都能夠拖放。internet explorer 9 firefox opera 12 chrome 以及 safari 5 支援拖放。注釋...