javascript - 如何将事件绑定(bind)到 epub.js 中的再现

Question

我想在 epub.js 的页面上注册一个右键点击监听器，但不知道该怎么做。还有 passEvents 再现对象的方法，但也找不到任何帮助。这是我最后一次尝试:

rendition.on("rendered", () => {
    const contents = rendition.getContents()
    contents.document.addEventListener('contextmenu', showContextMenu, false);
});

Answer 1

根据你的要求，我希望我没弄错，你想在书本上有一个 contextmenu 事件，对吧？

如果是这种情况，我使用了以下 JS:

rendition.on("rendered", (e,i) => {;
  i.document.documentElement.addEventListener('contextmenu', (cfiRange, contents) => {
      console.log('hey');
  })
});

当我右键单击 本书时，此代码仅返回hey。但正如您所见，有两个参数 (cfiRange, contents) 包含您需要的内容。

无论如何，我创建了一个 fiddle.

另一种解决方案是使用 document 作为接收事件的元素，但在我的测试中，它 得到了这本书的所有内容。