jQuery拖动事件无法触摸

时间:2015-12-17 07:50:14

标签: javascript jquery checkbox touch

我正在使用jQuery拖动事件,它在浏览器中工作正常但不能在触摸屏中工作。虽然我使用下面的代码(在stackoverflow中找到)。它的工作,但它阻止输入元素。

我需要处理输入元素以及带触摸支持的拖动事件, 请帮我解决这个问题

  <!-- touch functions -->

     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 **init()** in document.ready function 

0 个答案:

没有答案