Question

我对触摸处理程序有一个小问题...它有时不会触摸工作，而且在绘制之后它无法读取我的数据，并且它用直线绘制，所以我想知道什么问题和我做了什么错误？请帮帮我..我已经将我的代码放入jsfiddle ..请帮助我（http://jsfiddle.net/Frebu/1/）

function touchHandler(event) {
        var touches = event.changedTouches,
        first = touches[0],
        type = "";
        switch (event.type) {
            case "touchstart": type = "mousedown"; break;
            case "touchmove": type = "mousemove"; break;
            case "touchend": type = "mouseup"; break;
            default: return;
        }

        var simulatedEvent = document.createEvent("MouseEvent");
        simulatedEvent.initMouseEvent(type, true, true, window, 1,
                      first.screenX, first.screenY,
                      first.clientX, first.clientY, false,
                      false, false, false, 0/*left*/, null);

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

    function init(id) {
        document.getElementById(id).addEventListener("touchstart", touchHandler, true);
        document.getElementById(id).addEventListener("touchmove", touchHandler, true);
        document.getElementById(id).addEventListener("touchend", touchHandler, true);
    }
$(document).ready(function() {
        init('myCanvas');
});

Answer 1

我的推荐是使用hammer.js，这是一个很棒的触摸库（在浏览器上回退鼠标）。

http://eightmedia.github.com/hammer.js/

除此之外，我在测试Chrome模拟触摸事件时没有任何问题。而且很奇怪，代码似乎很好。

ontouch事件问题

1 个答案: