Drag & Drop 拖动和释放 – 前端知识圈

Drag & Drop 拖动和释放

2021-1-17 15:27

|

362

|

0

|

HTML

117 字

|

1 分钟内

HTML5 为拖放行为提供了7个事件

拖动源对象 : (会动)会触发事件
- dragstart 拖动开始
- drag 拖动中
- dragend 拖动结束
拖动的目标对象 (不动) 会触发事件
- dragenter 拖动着进入
- draover 拖动着悬停上方
- dragleave 拖动着离开
- drop 在上方释放
注意
- 必须阻止 dragove 的默认行为 drop 才能触发
- e.preventDefault()

暂无评论

发送评论编辑评论

Markdown

|´・ω・)ノ

ヾ(≧∇≦*)ゝ

(☆ω☆)

（╯‵□′）╯︵┴─┴

￣﹃￣

(/ω＼)

∠( ᐛ 」∠)＿

(๑•̀ㅁ•́ฅ)

→_→

୧(๑•̀⌄•́๑)૭

٩(ˊᗜˋ*)و

(ノ°ο°)ノ

(´இ皿இ｀)

⌇●﹏●⌇

(ฅ´ω`ฅ)

(╯°A°)╯︵○○○

φ(￣∇￣o)

ヾ(´･･｀｡)ノ"

( ง ᵒ̌皿ᵒ̌)ง⁼³₌₃

(ó﹏ò｡)

Σ(っ °Д °;)っ

( ,,´･ω･)ﾉ"(´っω･｀｡)

╮(╯▽╰)╭

o(*////▽////*)q

＞﹏＜

( ๑´•ω•) "(ㆆᴗㆆ)

颜文字

Emoji

小恐龙

花!