基于H5的拖拽功能

所属分类:输入-拖和放

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

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

相关插件-拖和放

鼠标拖动翻页

鼠标可以拖动表格来翻页,十分方便,界面也很漂亮
  拖和放
 21705  243

jQuery拖拽拖放插件DAD

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

jQuery图片DIV指定范围内拖动加调整大小

实现在指定大小DIV内拖动图片,以及调整图片大小
  拖和放
 34064  296

拖动排序插件

实现在两个div中,互相自由的拖动,并且排序
  拖和放
 40240  395

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

    流放 撒哈拉 0
    2020/3/30 14:44:20
    都是搞这个的,不用币就down不下来吗? 回复
    有什么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
    不支持火狐浏览器 回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复