在Phonegap android上可拖动的jQuery

Question

我在Android上实现jQuery Draggable http://jqueryui.com/demos/draggable/时遇到了一些问题.我已经创建了html代码并使用我的浏览器对其进行了测试.然后我在build.phonegap.com上编译它.获得.apk后,我将它安装在使用Android 2.2 Froyo的xp​​eria x8上.应用程序运行良好,但是当我拖动对象时它不会移动..我的方法有问题吗？谢谢

Answer 1

此代码将touchstart、touchmove和映射到相应的鼠标事件： /touchend仍然存在错误，因为无法直接映射坐标。touchstartmousedown

我解决此问题的想法是延迟mousedown分派，直到touchmove发生，然后分派坐标为 的两个鼠标事件touchmove。

var mouseEventTypes = {
    touchstart : "mousedown",
    touchmove : "mousemove",
    touchend : "mouseup"
};

for (originalType in mouseEventTypes) {
    document.addEventListener(originalType, function(originalEvent) {
        event = document.createEvent("MouseEvents");
        touch = originalEvent.changedTouches[0];
        event.initMouseEvent(mouseEventTypes[originalEvent.type], true, true,
                window, 0, touch.screenX, touch.screenY, touch.clientX,
                touch.clientY, touch.ctrlKey, touch.altKey, touch.shiftKey,
                touch.metaKey, 0, null);
        originalEvent.target.dispatchEvent(event);
    });
}