小編給大家分享一下html5中drag和drop的示例分析，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！

網(wǎng)站建設(shè)哪家好，找創(chuàng)新互聯(lián)公司！專注于網(wǎng)頁設(shè)計、網(wǎng)站建設(shè)、微信開發(fā)、小程序開發(fā)、集團(tuán)企業(yè)網(wǎng)站建設(shè)等服務(wù)項(xiàng)目。為回饋新老客戶創(chuàng)新互聯(lián)還提供了沙依巴克免費(fèi)建站歡迎大家使用！

定義和用法

在拖放的過程中會觸發(fā)以下事件：

在拖動目標(biāo)上觸發(fā)事件 (源元素):

• ondragstart - 用戶開始拖動元素時觸發(fā)

• ondrag - 元素正在拖動時觸發(fā)

• ondragend - 用戶完成元素拖動后觸發(fā)

釋放目標(biāo)時觸發(fā)的事件: 

•  ondragenter - 當(dāng)被鼠標(biāo)拖動的對象進(jìn)入其容器范圍內(nèi)時觸發(fā)此事件

• ondragover - 當(dāng)某被拖動的對象在另一對象容器范圍內(nèi)拖動時觸發(fā)此事件

• ondragleave - 當(dāng)被鼠標(biāo)拖動的對象離開其容器范圍內(nèi)時觸發(fā)此事件

• ondrop - 在一個拖動過程中，釋放鼠標(biāo)鍵時觸發(fā)此事件

 瀏覽器支持

Internet Explorer 9+, Firefox, Opera, Chrome, 和 Safari 支持拖動。

注意:Safari 5.1.2不支持拖動；在拖動元素時，每隔 350 毫秒會觸發(fā) ondragover 事件。
 

示例如下：

    
    
    
    
    
    



    
        
            這是可以拖拽的DIV