基于H5的拖拽功能

所属分类:输入-拖和放

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

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

相关插件-拖和放

jQuery多容器之间拖曳

除了有一般拖曳的功能,还可以在不同容器之间拖曳。
  拖和放
 32420  421

图标拖拽效果,兼容所有浏览器

原生JS实现图标图片拖拽,封装好了,可以直接拿去使用
  拖和放
 37709  373

jQuery拖拽拉伸缩放插件l_zoom

简约版拖拽拉伸缩放原生jQuery插件 包含 自由缩放 和 等比例缩放 模式 经典还远网页文本框操作简单
  拖和放
 27583  328

jQuery拖拽拖放插件DAD

DAD 是一款基于 jQuery 的拖拽拖放插件,它支持常见的水平拖放、垂直拖放、多行拖放、指定拖放区域、回调函数、允许禁止拖放等等,同时你也可以稍加改造,做成类似垃圾篓、购物车等效果。
  拖和放
 77858  648

讨论这个项目(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
    不支持火狐浏览器 回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复