原生拖曳的相關內容推薦

　　可拖曳dragable屬性　　之前我們已經為大家介紹過幾篇有關HTML5中原生拖曳的相關知識了。今天為大家介紹HTML5拖曳中的其他一些小東東，閒話不多說趕快一起看看吧。　　在預設情況下，連結、文字和圖像是可以拖曳的，不用再寫程式碼即可拖曳。如果想讓其他元素標籤也可以拖曳，那麼只有HTML5能實現了。 HTML5為所有HTML元素規定了dragable屬性，表示元素是否可以拖曳。在連結和圖像的標籤中自動將dragable屬性自動被設定成true，其他元素的dragable屬性的預設值是false。　　支援dragable屬性的瀏覽器有：Firefox 4+、Chrome、IE 10+和Safari 5+。 Opera 11.5及之前的版本是不支援HTML5的拖放功能。另外能夠讓Firefox支援可拖曳屬性必須新增一個ondragstart事件處理程序，並在dataTransfer物件中保存一些

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

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

2. HTML5實戰與剖析之原生拖曳(三dataTransfer物件)

簡介：　　雖然透過dragstart、drag和dragend事件實現了原生拖曳。但這只是拖曳，在IE6和IE7中還是有些拖曳問題，也沒有實現資料的交換。為了實現資料的交換，IE5引入了dataTransfer物件。 dataTransfer物件是事件物件的屬性，用於從被拖曳元素相放置目標傳遞字串格式的資料。因為它是事件物件的屬性，所以只能在拖放事件的事件處理程序中存取dataTransfer物件。在事件處理程序中，可以使用這個物件的屬性和方法來完善拖放功能。

3. HTML5實戰與剖析之原生拖曳(二拖曳事件dragstart、drag與dragend)

簡介：　　透過拖曳事件，咱們就可以控制拖曳很多東西了。其中什麼元素或是哪裡發生了拖曳事件是最關鍵的。有些事件是在被拖曳的元素上觸發，有些事件是在放置目標上觸發的。拖曳某個元素時候，被觸發的事件有：dragstart事件、drag事件和dragend事件。

4. HTML5實戰與剖析之原生拖曳(一拖曳歷史概述)

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

以上是原生拖曳的相關內容推薦的詳細內容。更多資訊請關注PHP中文網其他相關文章！