我是html5的新手,我正在尝试使用拖放功能。
这是场景:两个不同的div(或画布)并排。
我想要做什么:拖动第一个div(或画布)并放下第二个div。
我期望结果:第一个div内容现在位于第二个div位置,第二个div内容位于第一个div位置。像普通开关一样。
我很确定这是可能的,但我到目前为止唯一的想法就是将第一个div附加到第二个div中。
答案 0 :(得分:0)
是的,当然有可能,但答案取决于目的是什么......如果你想了解拖放如何在HTML5中工作,那么根据{{3}编写你自己的实现你提到过。但是如果你想在合理的时间内为生产建立一些东西,那就使用一个库 - 有很多东西。使用哪一个还取决于您要定位的平台。如果您的目标是移动设备,则需要触摸支持,并且您需要在实施中考虑多点触控效果 - 这不仅仅是鼠标点击和拖动,而且可能同时有很多手指!
可以在此处找到使用tutorial的精彩演示:hammer.js。拖放适用于鼠标和触控,但您需要一个触摸屏来缩放(通过捏合)和旋转图像。
另一个演示,http://riagora.com/mobile/hammer/index2.html使用puzzle,几乎可以满足您的要求。但是,当前版本1.9.0是从2010年12月23日开始的,因此它似乎不再被积极开发。