0

我正在尝试让一个网站在我的 iPad 上运行，但唯一不起作用的是 onmousemove 方法。我希望当用户在屏幕上平移手指时触发 onmousemove。

4

1 回答 1

1

mousemove在启用触摸的设备中，事件的等价物是touchmove事件。

所以你可以像这样绑定事件：

var addEvent = (function () {
    var tester, allHandlers, attachGenerator, addFunc, removeFunc;

    tester = document.createElement("div");
    allHandlers = [];

    attachGenerator = function (el, cb) {
        var ret;
        ret = function (e) {
            e = e || window.event;
            cb.call(el, e);
        };
        return ret;
    };

    if (tester.addEventListener) {
        addFunc = function (element, eventName, callback) {
            allHandlers.push({
                element: element,
                eventName: eventName,
                callback: callback
            });
            element.addEventListener(eventName, callback, false);
        };
        removeFunc = function (element, eventName, callback) {
            element.removeEventListener(eventName, callback);
        };
    } else if (tester.attachEvent) {
        addFunc = function (element, eventName, callback) {
            var finalCallback;
            finalCallback = attachGenerator(element, callback);
            allHandlers.push({
                element: element,
                eventName: eventName,
                callback: finalCallback
            });
            element.attachEvent("on" + eventName, finalCallback);
        };
        removeFunc = function (element, eventName, callback) {
            element.detachEvent("on" + eventName, callback);
        };
    }

    addFunc(window, "unload", function () {
        var i, j, cur;
        // Don't remove this unload handler
        for (i = 1, j = allHandlers.length; i < j; i++) {
            cur = allHandlers[i];
            removeFunc(cur.element, cur.eventName, cur.callback);
        }
    });

    return addFunc;
}());

function loadHandler() {
    addEvent(document, "touchmove", touchmoveHandler);
}

function touchmoveHandler() {
    // this callback should fire for every pixel (or whatever unit they may use) the touch moves
}

addEvent(window, "load", loadHandler);

（该addEvent函数只是一个通用的事件绑定函数，可帮助在旧 IE 中工作......如果您要绑定到touch事件，可能不需要）

请注意，我原来的通用addEvent函数并不完美：http ://www.quirksmode.org/blog/archives/2005/08/addevent_consid.html ，但我修改了我以前使用的更好地支持this处理程序内部的可用性时attachEvent必须使用，并且在窗口unload事件发生时删除所有处理程序。

参考：

于 2013-07-09T04:24:45.687 回答