我正在尝试让一个网站在我的 iPad 上运行,但唯一不起作用的是 onmousemove 方法。我希望当用户在屏幕上平移手指时触发 onmousemove。
问问题
732 次
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 回答