$("#flipbook").bind("start", function(event, page, view) { // 在翻页开始时执行的操作 console.log("翻页开始"); });这个里面的event存在pageX 或 originalEvent.touches[0].pageX吗
时间: 2024-04-21 19:23:00 浏览: 20
在 `$("#flipbook").bind("start", function(event, page, view) { ... });` 这个事件处理函数中,`event` 参数是 jQuery 事件对象,它没有直接提供 `pageX` 或 `originalEvent.touches[0].pageX` 属性。这是因为 `event` 是 jQuery 封装过的事件对象,它的属性和方法可能会有所不同。
如果你想要获取页面上的X坐标,你可以通过使用原生的 JavaScript 事件对象来实现。在 jQuery 的事件对象中,可以通过 `event.originalEvent` 属性来访问原生事件对象,然后再从原生事件对象中获取页面X坐标。
以下是一个示例代码,演示如何在 `start` 事件处理函数中获取页面上的X坐标:
```javascript
$("#flipbook").bind("start", function(event, page, view) {
var startX;
if (event.originalEvent && event.originalEvent.touches && event.originalEvent.touches.length > 0) {
startX = event.originalEvent.touches[0].pageX; // 触摸事件
} else if (event.pageX) {
startX = event.pageX; // 鼠标事件
}
console.log("startX:", startX);
});
```
在上述示例中,我们首先检查 `event.originalEvent.touches` 是否存在,并且触摸点的数量大于0。如果满足条件,我们从 `event.originalEvent.touches[0]` 中获取触摸点的原生事件对象,并从中获取页面X坐标。如果触摸事件不适用,则我们直接从 `event.pageX` 中获取鼠标事件的页面X坐标。
请注意,以上示例中的条件判断是为了处理不同类型的事件,确保在使用时,根据实际的事件类型和事件对象来获取正确的坐标信息。
希望这次能解决你的疑问。如果还有其他问题,请随时提问。