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