H5常用拖放事件解析
在用戶拖放HTML元素中,可能會(huì)觸發(fā)如下表所示的事件:? ? ? ? ? ? ? ? ? ? ? ? ? ?
| 事件 | 事件源 | 描述 |
| ondragstart | 被拖動(dòng)的HTML元素 | 開始拖動(dòng)操作時(shí)觸發(fā)該事件 |
| ondrag | 被拖動(dòng)的HTML元素 | 拖動(dòng)過程中會(huì)不斷地觸發(fā)該事件 |
| ondragend | 被拖動(dòng)的HTML元素 | 拖動(dòng)結(jié)束時(shí)觸發(fā)該事件 |
| ondragenter | 拖動(dòng)時(shí)鼠標(biāo)經(jīng)過的元素 | 被拖動(dòng)的元素進(jìn)入本元素的范圍內(nèi)時(shí)觸發(fā)該事件 |
| ondragover | 拖動(dòng)時(shí)鼠標(biāo)經(jīng)過的元素 | 被拖動(dòng)的元素進(jìn)入本元素的范圍內(nèi)拖動(dòng)時(shí)會(huì)不斷地觸發(fā)該事件 |
| ondragleave | 拖動(dòng)時(shí)鼠標(biāo)經(jīng)過的元素 | 被拖動(dòng)的元素離開本元素時(shí)觸發(fā)該事件 |
| ondrop | 拖動(dòng)時(shí)鼠標(biāo)經(jīng)過的元素 | 其他元素被放到了本元素中時(shí)觸發(fā)該事件 |
?
ps:本文摘選《瘋狂 HTML5/CSS3/Javascript講義》 電子工業(yè)出版社
?
轉(zhuǎn)載于:https://www.cnblogs.com/MarthaRen-diligence/p/10345045.html
創(chuàng)作挑戰(zhàn)賽新人創(chuàng)作獎(jiǎng)勵(lì)來咯,堅(jiān)持創(chuàng)作打卡瓜分現(xiàn)金大獎(jiǎng)總結(jié)
以上是生活随笔為你收集整理的H5常用拖放事件解析的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 前端常用开发工具
- 下一篇: LeetCode 206 Reverse