HTML5 拖放

draggable=true dragstart ? 拖放開始的時候觸發 drag ? ? ? 拖放過程中一直觸發 dragend ? ? 拖放結束后觸發 ? dragenter ? 對于被放置的標簽而言 如果有被拖放的標簽進入到 此標簽里時 會觸發dragenter dragover ? 被拖放的標簽 在這個標簽里移動時 會觸發dargover事件 dragleave ? 將 被拖放的標簽離開 此標簽時 觸發 dragleave dragdrop ? 如果 被 拖放的標簽 被拖到此標簽里進行放置時觸發

jQuery

jQuery 是一個 JavaScript 庫。

jQuery 極大地簡化了 JavaScript 編程。

先引入 jQuery ，后引入 js 文件

var div=$('.ulList li') ? ? ? ? // 用jQuery選取目標 ? ? ? ? ? ? 選出來后 始終為 對象集合 // . class選擇 ? # id選擇 $('.ulList li').length ? //集合長度 $('.ulList li').size() ? //集合長度 ? $('.ulList li').get(0) ? //獲得角標為0的原生DOM對象 括號為空時 獲取所有li ? $('#li').index() ? ? ? ? //獲取id叫li的 在ul中 相對于同輩元素的角標 ? $('.ulList li')each(function(){ ? ? ? ? ? ? ? ? ? ? ? ? //ul中每一項li執行functio })

余下內容參閱jQuery使用手冊

轉載于:https://www.cnblogs.com/luozhijian0120/p/6036115.html

總結

以上是生活随笔為你收集整理的jQ html5拖放的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。