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

Event types

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

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

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

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

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

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

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

網(wǎng)友評(píng)論