0

一点背景信息：这个简单的游戏http://deslimmespeeltuin.nl/speeltuin.htm将成为儿童教育项目的一部分。它基于 Marco Kuiper 的漂亮宝丽来查看器 ( http://demo.marcofolio.net/polaroid_photo_viewer )。原始脚本有点旧，例如，我必须更新它的 jquery 库引用才能让它在最新的 IE 上工作。但是，它不适用于触摸设备（Android / iOS），这确实很遗憾。虽然看起来没问题，但您不能拖动形状。

我不是程序员。马可本人也想帮忙，但太忙了。有人有线索吗？任何建议都会很棒。

4

1 回答 1

0

如果将其添加到 HTML 文件中，它应该可以工作：

<script>
function touchHandler(event) {
    var touch = event.changedTouches[0];

    var simulatedEvent = document.createEvent("MouseEvent");
        simulatedEvent.initMouseEvent({
        touchstart: "mousedown",
        touchmove: "mousemove",
        touchend: "mouseup"
    }[event.type], true, true, window, 1,
        touch.screenX, touch.screenY,
        touch.clientX, touch.clientY, false,
        false, false, false, 0, null);

    touch.target.dispatchEvent(simulatedEvent);
    event.preventDefault();
}

function init() {
    document.addEventListener("touchstart", touchHandler, true);
    document.addEventListener("touchmove", touchHandler, true);
    document.addEventListener("touchend", touchHandler, true);
    document.addEventListener("touchcancel", touchHandler, true);
}

// Call the init function when the document has finished loading.
$(document).ready(function(){
    init();
});
</script>

这最初来自这里：用于触摸设备的 Javascript 拖放 我在通过控制台运行代码后通过在 Chrome 中模拟触摸事件对此进行了测试，它可以在您的示例站点上运行。

于 2013-09-03T18:09:25.397 回答