DragEvent是一個表示drag和drop交互的DOM event接口。用戶通過將指針設(shè)備(如:鼠標(biāo))放在目標(biāo)的表面開始拖動,然后拖動指針到一個新的位置(如其他DOM元素)。應(yīng)用程序自動的解析拖放交互。DragEvent接口從mouseEvent和Event那兒繼承屬性。

Event types

DragEvent并不是一個單一的事件,它包含了多個事件,這些事件分別是:drag,dragstart,dragenter,dragend,dragover,dragexit,dragleave,drop。

drag:這個事件在元素拖拽的過程中反復(fù)觸發(fā),每一百毫秒觸發(fā)一次。這事件的目標(biāo)元素是被拖的那個元素,該事件可冒泡,可取消默認(rèn)行為。

dragstart:這個事件在用戶開始拖動時觸發(fā)。這個事件的目標(biāo)元素是被拖的那個元素,在這些事件中,dragstart事件最先觸發(fā)。該事件可冒泡,可取消默認(rèn)行為。

dragenter:這個事件在被拖的元素進(jìn)入一個合法的可drop目標(biāo)時觸發(fā)。這個事件的目標(biāo)元素是這個可drop目標(biāo)。該事件可冒泡,可取消默認(rèn)行為。

dragover:當(dāng)被拖的元素在可drop目標(biāo)范圍內(nèi)移動時反復(fù)觸發(fā)這個事件,一百毫秒觸發(fā)一次。這個事件的目標(biāo)元素是這個可drop目標(biāo)。該事件可冒泡,可取消默認(rèn)行為。

dragend:當(dāng)拖拽結(jié)束時觸發(fā)這個事件,這個事件的目標(biāo)元素是被拖的元素。在這些事件中dragend最后觸發(fā)。該事件可冒泡,不能取消默認(rèn)行為。

dragleave:這個事件在被拖得元素離開合法的可drop目標(biāo)時觸發(fā)。這個事件的目標(biāo)元素是這個可drop目標(biāo)。該事件可冒泡,不能取消默認(rèn)行為。

延伸閱讀

學(xué)習(xí)是年輕人改變自己的最好方式-Java培訓(xùn),做最負(fù)責(zé)任的教育,學(xué)習(xí)改變命運,軟件學(xué)習(xí),再就業(yè),大學(xué)生如何就業(yè),幫大學(xué)生找到好工作,lphotoshop培訓(xùn),電腦培訓(xùn),電腦維修培訓(xùn),移動軟件開發(fā)培訓(xùn),網(wǎng)站設(shè)計培訓(xùn),網(wǎng)站建設(shè)培訓(xùn)學(xué)習(xí)是年輕人改變自己的最好方式