原生拖拽的相關內(nèi)容推薦

　　可拖動dragable屬性　　之前我們已經(jīng)為大家介紹過幾篇有關HTML5中原生拖拽的相關知識了。今天為大家介紹HTML5拖拽中的其他一些小東東，閑話不多說趕快一起看看吧。　　在默認情況下，鏈接、文本和圖像是可以拖動的，不用再寫代碼即可拖動。如果想讓其他元素標簽也可以拖動，那么只有HTML5能實現(xiàn)了。HTML5為所有HTML元素規(guī)定了dragable屬性，表示元素是否可以拖動。鏈接和圖像的標簽中自動將dragable屬性自動被設置成true，其他元素的dragable屬性的默認值是false。　　支持dragable屬性的瀏覽器有：Firefox 4+、Chrome、IE 10+和Safari 5+。Opera 11.5及之前的版本是不支持HTML5的拖放功能。另外能夠讓Firefox支持可拖動屬性必須添加一個ondragstart事件處理程序，并在dataTransfer對象中保存一些

1. HTML5實戰(zhàn)與剖析之原生拖拽(四可拖動dragable屬性和其他成員)

簡介：　　之前我們已經(jīng)為大家介紹過幾篇有關HTML5中原生拖拽的相關知識了。今天為大家介紹Html5拖拽中的其他一些小東東，閑話不多說趕快一起看看吧。

2. HTML5實戰(zhàn)與剖析之原生拖拽(三dataTransfer對象)

簡介：　　雖然通過dragstart、drag和dragend事件實現(xiàn)了原生拖拽。但是這僅僅是拖拽，在IE6和IE7中還是有些拖拽問題，并且也沒有實現(xiàn)數(shù)據(jù)的交換。為了實現(xiàn)數(shù)據(jù)的交換，IE5引入了dataTransfer對象。dataTransfer對象是事件對象的一個屬性，用于從被拖拽元素相放置目標傳遞字符串格式的數(shù)據(jù)。因為它是事件對象的屬性，所以只能在拖放事件的事件處理程序中訪問dataTransfer對象。在事件處理程序中，可以使用這個對象的屬性和方法來完善拖放功能。

3. HTML5實戰(zhàn)與剖析之原生拖拽(二拖拽事件dragstart、drag和dragend)

簡介：　　通過拖拽事件，咱們就可以控制拖拽很多東西了。其中什么元素或者是哪里發(fā)生了拖拽事件是最關鍵的。有些事件是在被拖動的元素上觸發(fā)，有些事件是在放置目標上觸發(fā)的。拖動某元素時候，觸發(fā)的事件有：dragstart事件、drag事件和dragend事件。

4. HTML5實戰(zhàn)與剖析之原生拖拽(一拖拽歷史概述)

簡介：　　提起拖拽，我就想起了在JavaScript培訓的時候一個非常好玩的效果，那就是拖拽了。可以用鼠標任意拖拽著一個物體到任何你想去的地方。