Javascript 使用quo.js触摸滑动坐标

我正在使用quo.js构建一个web应用程序来处理触摸事件

当用户用一个手指滑动（拖动）时，我可以使用以下quo.js代码来识别并应用css转换：

$$('element').swipe(function() {
  $('element').vendor('transform','translate(-100px,-100px)');
});

现在我要做的是根据刷卡量应用翻译量。换句话说，我需要得到滑动的X/Y坐标。有人知道使用quo.js是否可以实现这一点，或者我是否需要使用不同的js库

我尝试获取坐标，但它返回“未定义”：

$$('element').swipe(function(e) {
  alert(e.pageX);
});

---

传递给回调的事件对象quo.js包含一个包含x和y坐标的

currentTouch

对象：

请注意，刷卡事件仅在刷卡手势完成时触发。据我所知，在您的用例中，使用

滑动

事件会更方便，该事件会在检测到滑动手势时立即触发，并在所有移动过程中触发，直到释放：

var $swipeable = $$('.swipeable'),
    swipeableHeight = $swipeable.height(),
    swipeableWidth = $swipeable.width();

$swipeable.swiping(function(e){
   var x = e.currentTouch.x - swipeableWidth / 2;
   var y = e.currentTouch.y - swipeableHeight / 2;

   $swipeable
     .vendor('transform', 'translate(' + x +'px,'+ y +'px)');
});

---

传递给回调的事件对象quo.js包含一个包含x和y坐标的

currentTouch

对象：

请注意，刷卡事件仅在刷卡手势完成时触发。据我所知，在您的用例中，使用

滑动

事件会更方便，该事件会在检测到滑动手势时立即触发，并在所有移动过程中触发，直到释放：

var $swipeable = $$('.swipeable'),
    swipeableHeight = $swipeable.height(),
    swipeableWidth = $swipeable.width();

$swipeable.swiping(function(e){
   var x = e.currentTouch.x - swipeableWidth / 2;
   var y = e.currentTouch.y - swipeableHeight / 2;

   $swipeable
     .vendor('transform', 'translate(' + x +'px,'+ y +'px)');
});

---

传递给回调的事件对象quo.js包含一个包含x和y坐标的

currentTouch

对象：

请注意，刷卡事件仅在刷卡手势完成时触发。据我所知，在您的用例中，使用

滑动

事件会更方便，该事件会在检测到滑动手势时立即触发，并在所有移动过程中触发，直到释放：

var $swipeable = $$('.swipeable'),
    swipeableHeight = $swipeable.height(),
    swipeableWidth = $swipeable.width();

$swipeable.swiping(function(e){
   var x = e.currentTouch.x - swipeableWidth / 2;
   var y = e.currentTouch.y - swipeableHeight / 2;

   $swipeable
     .vendor('transform', 'translate(' + x +'px,'+ y +'px)');
});

---

传递给回调的事件对象quo.js包含一个包含x和y坐标的

currentTouch

对象：

请注意，刷卡事件仅在刷卡手势完成时触发。据我所知，在您的用例中，使用

滑动

事件会更方便，该事件会在检测到滑动手势时立即触发，并在所有移动过程中触发，直到释放：

var $swipeable = $$('.swipeable'),
    swipeableHeight = $swipeable.height(),
    swipeableWidth = $swipeable.width();

$swipeable.swiping(function(e){
   var x = e.currentTouch.x - swipeableWidth / 2;
   var y = e.currentTouch.y - swipeableHeight / 2;

   $swipeable
     .vendor('transform', 'translate(' + x +'px,'+ y +'px)');
});

---

---

如果我有这个能力，我会给你10多亿分。我想我最近几个小时一直在努力解决脑出血的问题。非常感谢你！出于兴趣，你是怎么知道currentTouch的？我在任何地方都找不到这方面的任何文档

console.log

：由于quo.js在桌面浏览器上工作，您可以简单地执行

$el.on（'event'，console.log）

并查看在浏览器的js控制台中传递到事件处理程序的内容。我更喜欢Chrome开发工具（通过：View-Developer-Javascript控制台打开），但所有现代浏览器都有良好的调试功能。对于一些快速和肮脏的控制台输出就足够了。但我在列表中看不到currentTouch。。。我看到类型、时间戳、currentTarget等东西（我在Firefox中使用Firebug控制台）。这些信息到底在哪里？如果我有这个能力，我会给你10多亿分。我想我最近几个小时一直在努力解决脑出血的问题。非常感谢你！出于兴趣，你是怎么知道currentTouch的？我在任何地方都找不到这方面的任何文档

console.log

：由于quo.js在桌面浏览器上工作，您可以简单地执行

$el.on（'event'，console.log）

并查看在浏览器的js控制台中传递到事件处理程序的内容。我更喜欢Chrome开发工具（通过：View-Developer-Javascript控制台打开），但所有现代浏览器都有良好的调试功能。对于一些快速和肮脏的控制台输出就足够了。但我在列表中看不到currentTouch。。。我看到类型、时间戳、currentTarget等东西（我在Firefox中使用Firebug控制台）。这些信息到底在哪里？如果我有这个能力，我会给你10多亿分。我想我最近几个小时一直在努力解决脑出血的问题。非常感谢你！出于兴趣，你是怎么知道currentTouch的？我在任何地方都找不到这方面的任何文档

console.log

：由于quo.js在桌面浏览器上工作，您可以简单地执行

$el.on（'event'，console.log）

并查看在浏览器的js控制台中传递到事件处理程序的内容。我更喜欢Chrome开发工具（通过：View-Developer-Javascript控制台打开），但所有现代浏览器都有良好的调试功能。对于一些快速和肮脏的控制台输出就足够了。但我在列表中看不到currentTouch。。。我看到类型、时间戳、currentTarget等东西（我在Firefox中使用Firebug控制台）。这些信息到底在哪里？如果我有这个能力，我会给你10多亿分。我想我最近几个小时一直在努力解决脑出血的问题。非常感谢你！出于兴趣，你是怎么知道currentTouch的？我在任何地方都找不到这方面的任何文档

console.log

：由于quo.js在桌面浏览器上工作，您可以简单地执行

$el.on（'event'，console.log）

并查看在浏览器的js控制台中传递到事件处理程序的内容。我更喜欢Chrome开发工具（通过：View-Developer-Javascript控制台打开），但所有现代浏览器都有良好的调试功能