var startX = event.pageX || event.originalEvent.touches[0].pageX; 输出为空

如果 `startX` 的输出为空，可能是因为事件对象 `event` 或其属性 `pageX` 或 `originalEvent.touches[0].pageX` 的值为空或未定义。这可能是因为你的代码中存在某些问题，导致无法正确获取事件的页面X坐标。

请确保你在使用该代码之前，已经正确地绑定了事件处理函数，并且事件对象被正确地传递给了处理函数。另外，还需要确保事件对象中存在 `pageX` 或 `originalEvent.touches[0].pageX` 属性，并且它们的值是有效的。

以下是一个示例代码，展示了如何获取鼠标事件或触摸事件的页面X坐标：

$("#flipbook").on("mousedown touchstart", function(event) {
  var startX;

  if (event.pageX) {
    startX = event.pageX; // 鼠标事件
  } else if (event.originalEvent.touches && event.originalEvent.touches.length > 0) {
    startX = event.originalEvent.touches[0].pageX; // 触摸事件
  }

  console.log("startX:", startX);
});

在上述示例中，我们使用了 `mousedown` 和 `touchstart` 事件来监听鼠标和触摸事件。在事件处理函数中，我们通过检查事件对象的属性来获取页面X坐标。如果 `pageX` 存在，则说明是鼠标事件；如果 `originalEvent.touches[0].pageX` 存在，则说明是触摸事件。

请注意，以上示例仅适用于鼠标事件和单点触摸事件。如果你需要处理其他类型的事件或多点触摸事件，请根据实际情况进行相应的调整。

希望这能帮助到你！如果还有其他问题，请随时提问。