drag拖拽實現 Vue


火狐瀏覽器dragover不起效的原因:

火狐下拖拽必須含有數據也就是說在dragStart的時候,需要強行塞入一個數據:

event.dataTransfer.setData("info","test")

此時,你的dragOver函數應該就進去了。拖拽的全部代碼:

方式一:(在over的時候操作數據)

html:

 

 js:

 

 

 

方式二:(操作了dom,使用了innertext。不推薦使用)

html:

 

 PS:其中拖拽元素上,需要含有:draggable=“true“,否則拖拽可能會不起效

js:

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM