1

我正在处理图像幻灯片并使其启用触摸功能。我通过使用本文中提到的代码片段来做到这一点：http: //blog.safaribooksonline.com/2012/04/18/mapping-mouse-events-and-touch-events-onto-a-single-event /

作者提到，通过使用他的代码触发触摸事件的标准化事件，X 和 Y 坐标的访问变得更加容易。这正是我发现困难的地方。我似乎根本无法访问这些值。我已经尝试了我能想到的一切。

这是代码：http: //jsfiddle.net/BC8dr/3/

标准化事件：

function normalizeEvent(type, original, x, y){

    return jQuery.Event(type, {

        pageX: x,
        pageY: y,
        originalEvent: original

    });

}

在代码的底部，我评论了我不想访问的地方：

jQuery(current_slide).bind(TouchMouseEvent.DOWN, onDownEvent);

function onDownEvent(e){

    // This is where I need X and Y coordinate access

    // This will return result: undefined
    var x = e.pageX;
    console.log(x);
}​

所以我的问题是：如何访问 X 和 Y 坐标？

*注意：我对 JS/jQuery 很陌生

4

2 回答 2

0

我知道这个问题已经够老了，但是在使用 e.pageY e.PageX 时，我在 Android 手机上遇到了问题。

通过针对事件的不同值来解决此问题，例如：

$(window).on("touchstart", function(event){
        var touchStartY = event.originalEvent.touches[0].clientY;
        var touchStartX = event.originalEvent.touches[0].clientX;
    });
$(window).on("touchmove", function(event){
        var touchMoveY = event.originalEvent.touches[0].clientY;
        var touchMoveX = event.originalEvent.touches[0].clientX;
    });

第一个函数将返回您启动时在浏览器中触摸位置的 x/y。第二个将为您提供您在浏览器中触摸位置的 x/y，但每次移动手指时都会调用它。

除了定位“clientX”/“clientY”，您还可以定位：

  • screenX/screenY - 相信是您在设备屏幕上触摸的位置，因为客户端就在浏览器窗口内。
  • pageX/pageY - 它认为从文档或网页的左上角而不是浏览器屏幕或设备屏幕的左上角获取值。
于 2014-11-18T12:52:53.503 回答
0

event.clientX event.clientY您可以在您的情况下使用 so接收 X 和 Y 坐标

function onDownEvent(e){

    console.log('X = ' + e.clientX);
    console.log('Y = ' + e.clientY);
}​

你可以在这里阅读更多

于 2012-11-16T13:11:45.307 回答