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)行為。