DragEvent是一個表示drag和drop交互的DOM event接口。用戶通過將指針設備(如:鼠標)放在目標的表面開始拖動,然后拖動指針到一個新的位置(如其他DOM元素)。應用程序自動的解析拖放交互。DragEvent接口從mouseEvent和Event那兒繼承屬性。
Event types
DragEvent并不是一個單一的事件,它包含了多個事件,這些事件分別是:drag,dragstart,dragenter,dragend,dragover,dragexit,dragleave,drop。
drag:這個事件在元素拖拽的過程中反復觸發(fā),每一百毫秒觸發(fā)一次。這事件的目標元素是被拖的那個元素,該事件可冒泡,可取消默認行為。
dragstart:這個事件在用戶開始拖動時觸發(fā)。這個事件的目標元素是被拖的那個元素,在這些事件中,dragstart事件最先觸發(fā)。該事件可冒泡,可取消默認行為。
dragenter:這個事件在被拖的元素進入一個合法的可drop目標時觸發(fā)。這個事件的目標元素是這個可drop目標。該事件可冒泡,可取消默認行為。
dragover:當被拖的元素在可drop目標范圍內(nèi)移動時反復觸發(fā)這個事件,一百毫秒觸發(fā)一次。這個事件的目標元素是這個可drop目標。該事件可冒泡,可取消默認行為。
dragend:當拖拽結(jié)束時觸發(fā)這個事件,這個事件的目標元素是被拖的元素。在這些事件中dragend最后觸發(fā)。該事件可冒泡,不能取消默認行為。
dragleave:這個事件在被拖得元素離開合法的可drop目標時觸發(fā)。這個事件的目標元素是這個可drop目標。該事件可冒泡,不能取消默認行為。
延伸閱讀
- ssh框架 2016-09-30
- 阿里移動安全 [無線安全]玩轉(zhuǎn)無線電——不安全的藍牙鎖 2017-07-26
- 消息隊列NetMQ 原理分析4-Socket、Session、Option和Pipe 2024-03-26
- Selective Search for Object Recognition 論文筆記【圖片目標分割】 2017-07-26
- 詞向量-LRWE模型-更好地識別反義詞同義詞 2017-07-26
- 從棧不平衡問題 理解 calling convention 2017-07-26
- php imagemagick 處理 圖片剪切、壓縮、合并、插入文本、背景色透明 2017-07-26
- Swift實現(xiàn)JSON轉(zhuǎn)Model - HandyJSON使用講解 2017-07-26
- 阿里移動安全 Android端惡意鎖屏勒索應用分析 2017-07-26
- 集合結(jié)合數(shù)據(jù)結(jié)構(gòu)來看看(二) 2017-07-26