jQuery是否保留触摸事件属性?
虽然此代码在触摸屏幕时产生预期的“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'[undefined]不是对象”。
(Device = iPod Touch OS 3.1.3(7E18); jQuery 1.4.2)。
这怎么可能,我做错了什么?
尝试
$(document).ready (function () { $("#someNodeId").bind("touchmove", function (event) { var e = event.originalEvent; console.log(e.targetTouches[0].pageX); }); });
我将这个简单的函数用于基于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} })
希望这对你有用;)