jQuery是否保留触摸事件属性？
jQuery是否保留触摸事件属性？
提问于 2010-07-06 14:05:27
虽然这段代码在触摸屏幕时会产生"1“的预期行为：
document.getElementById('someNodeId').addEventListener('touchmove', touch, true);
function touch(evt) {
evt.preventDefault();
alert(evt.changedTouches.length);
}使用jQuery选择器的相同代码：
$('#someNodeId').bind('touchmove', touch);生成错误："TypeError:未定义的表达式‘evt.changedTouches’的结果不是对象“。
(设备= iPod Touch OS 3.1.3 (7E18)；jQuery 1.4.2)。
这是怎么可能的，我做错了什么？
回答 2
Stack Overflow用户
回答已采纳
发布于 2010-07-06 17:14:13
试一试
$(document).ready (function () {
$("#someNodeId").bind("touchmove", function (event) {
var e = event.originalEvent;
console.log(e.targetTouches[0].pageX);
});
});Stack Overflow用户
发布于 2013-04-30 01:09:07
我将这个简单的函数用于基于JQuery的项目
var pointerEventToXY = function(e){
var out = {x:0, y:0};
if(e.type == 'touchstart' || e.type == 'touchmove' || e.type == 'touchend' || e.type == 'touchcancel'){
var touch = e.originalEvent.touches[0] || e.originalEvent.changedTouches[0];
out.x = touch.pageX;
out.y = touch.pageY;
} else if (e.type == 'mousedown' || e.type == 'mouseup' || e.type == 'mousemove' || e.type == 'mouseover'|| e.type=='mouseout' || e.type=='mouseenter' || e.type=='mouseleave') {
out.x = e.pageX;
out.y = e.pageY;
}
return out;
};示例：
$('a').on('mousemove touchmove', function(e){
console.log(pointerEventToXY(e)); // will return obj ..kind of {x:20,y:40}
})希望这篇文章对你有用;)
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/3183872
复制相关文章
相似问题