我正试图用一个touchstart事件的jQuery获得X位置,与live函数一起使用?
即
$('#box').live('touchstart', function(e) { var xPos = e.PageX; } );
现在,这可以使用'click'作为事件。实际上如何(不使用 alpha jQuery Mobile)我是否通过触摸事件获得了它?
有什么想法吗?
感谢您的帮助。
答案 0 :(得分:170)
有点迟了,但你需要访问原始事件,而不是jQuery按摩它。此外,由于这些是多点触控事件,因此需要进行其他更改:
$('#box').live('touchstart', function(e) {
var xPos = e.originalEvent.touches[0].pageX;
});
如果您想要其他手指,可以在触摸列表的其他索引中找到它们。
NEWER JQUERY更新:
$(document).on('touchstart', '#box', function(e) {
var xPos = e.originalEvent.touches[0].pageX;
});
答案 1 :(得分:41)
我将这个简单的函数用于基于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('mousedown touchstart', function(e){
console.log(pointerEventToXY(e)); // will return obj ..kind of {x:20,y:40}
})
希望这对你有用;)
答案 2 :(得分:10)
我在这里尝试了其他一些答案,但originalEvent也未定义。经过检查,找到了一个TouchList分类属性(由另一张海报建议)并设法以这种方式到达pageX / Y:
var x = e.changedTouches[0].pageX;
答案 3 :(得分:6)
如果你没有使用jQuery ......你需要访问其中一个事件的TouchList
来获取Touch
pageX/Y
clientX/Y
对象,其中包含e.targetTouches[0].pageX
setInterval ()
等。
以下是相关文档的链接:
我正在使用org.glassfish.grizzly.websockets-server-2.3.23Unable to resolve
org.glassfish.grizzly.websockets-server [23](R 23.0): missing
requirement [org.glassfish.grizzly.websockets-server [23](R 23.0)]
osgi.wiring.package; (osgi.wiring.package=sun.misc) Unresolved
requirements: [[org.glassfish.grizzly.websockets-server [23](R 23.0)]
osgi.wiring.package; (osgi.wiring.package=sun.misc)]
。
答案 4 :(得分:0)
检查Safari developer reference on Touch class。
根据这个,pageX / Y应该可用 - 也许你应该检查拼写?确保它是pageX
而不是PageX