开发者社区> 问答> 正文

Jquery如何实现跨DIV的文字的拖曳

把一个div里面的文字,托到另一个div中显示,原来那DIV中文字还保持不变

展开
收起
a123456678 2016-07-06 11:05:51 1878 0
1 条回答
写回答
取消 提交回答
  • 基本思路就是获取原DIV中的文字DOM对象,clone一份,然后appendTo新的DIV中。

    至于拖拽,你可以自己写一个,原理就是将clone出DOM对象的样式设置成position:absolute;

    top和left设置成鼠标的Y,X坐标,让他可以跟随鼠标移动,达到拖拽的效果。

    至于,如何移动到了判断目标DIV,可以在目标DIV上加一个mouseup的监听事件,一旦触发了,就将clone出的DOM对象放入该目标DIV中。

    以上是个人的思路。

    如果你不想自己写,可以参看使用jquery ui,里面有一个shopping-cart.html的demo,可以实现你的功能。

    2019-07-17 19:51:58
    赞同 展开评论 打赏
问答分类:
问答地址:
问答排行榜
最热
最新

相关电子书

更多
低代码开发师(初级)实战教程 立即下载
冬季实战营第三期:MySQL数据库进阶实战 立即下载
阿里巴巴DevOps 最佳实践手册 立即下载