基于H5的拖拽功能

所属分类:输入-拖和放

 43070  360  查看评论 (20)
分享到微信朋友圈
X
基于H5的拖拽功能 ie兼容10

拖拽的功能主要是基于H5的ondragstart、ondragover、ondrop、不了解的小伙伴可以翻阅w3c的官方文档(这个是链接--http://www.w3school.com.cn/html5/html_5_draganddrop.asp);除了拖拽,我自己用jquery进行了功能上的一些完善。例如:不可拖回,拖出后不可再次拖动,内部拖拽,布局位置等。(为了布局好看点用了bootstrap。)

相关插件-拖和放

jquery div拖拽换位合并拆分(原创)

拖动div块,两个div距离足够近时合并,远一点时换位。右键点击已合并的div,可显示可选择拆分数组,点击要拆分的数据,即可拆分。再次右击已合并的div即可收起可选择的拆分数据组
  拖和放
 20524  228

jQuery刻度尺特效(移动端)

jQuery手指滑动刻度尺选择值特效是一款手机移动端滑动刻度尺代码。
  拖和放
 35590  325

jquery 拖拽排序

jQuery图片列表拖拽排序布局插件
  拖和放
 31989  365

htmlt拖放

html5拖放排序
  拖和放
 29241  318

讨论这个项目(20)回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

    流放 撒哈拉 0
    2020/3/30 14:44:20
    都是搞这个的,不用币就down不下来吗?
        水里的鱼炸了0
        2021/1/20 16:17:48
        老哥 实在想要 直接去自己把代码扣下来 也很简单啊
    回复
    Y@W 0
    2018/5/11 16:56:58
    有什么bug
        ???,???????!0
        2018/8/20 15:38:10
        没有
    回复
    我家的猫咪叫英俊 0
    2018/4/13 14:04:22
    我们都被忘了 0
    2018/3/27 10:15:16
    有没有例子是拖拽后可以获取当前位置的 回复
    煦风 0
    2018/3/13 17:08:14
    很不错的小技巧 回复
    飘落的树叶 0
    2018/2/20 18:08:14
    放纵的笑是我仅剩的骄傲 0
    2018/1/26 16:00:34
    梦小天 0
    2017/12/25 16:36:42
    Demon。小妖成精 0
    2017/11/16 9:44:46
    花满搂V 0
    2017/11/3 9:48:28
    不支持火狐浏览器 回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复