基于H5的拖拽功能

所属分类:输入-拖和放

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

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

相关插件-拖和放

jQuery移动端滑动标尺

移动端卡尺,滑动标尺,标不动
  拖和放
 24094  319

jQuery双击拖拽图片

jQuery鼠标双击事件拖拽图片
  拖和放
 29324  298

jquery拖拽插件

jquery拖拽排序插件,和别的拖拽插件不同这个一次只能拖动到临近的位置。
  拖和放
 37594  333

鼠标轨迹跟随

鼠标轨迹跟随
  拖和放
 37525  309

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