this.rendition.on—里面设置touchstart、touchend这两个事件没有反映

Question

Answer 1

Sam 2019-01-01 21:49:56

你好，这个问题由于epubjs的兼容性导致的，近期epubjs更新了0.3.8x版本，但是该版本出现了较严重的兼容性和BUG，导致课程中很多功能都无法正常使用，出现这种问题只需要将epubjs的版本降低即可解决，希望各位同学在出现兼容性问题的时候首先排查epubjs版本，降低版本的方法如下：

1、打开package.json，在dependencies中找到epubjs，将版本号直接改为"0.3.71"，注意版本号前面不要加^，否则还会直接下载0.3.8x版本；

2、在当前代码目录下打开命令行窗口，输入npm install（或npm i），之后npm会自动删除0.3.8x版本的内容，下载0.3.71版本。

• 提问者 元大娟 #1

  非常感谢！

• wxw730 回复 提问者 元大娟 #2

  刷低版本后还是没用啊

• Sam 回复 wxw730 #3

  设置浏览器为手机模式，才能捕获touch事件

点开查看后面3条评论

Answer 2

weixin_慕仔3569560 2019-01-23 23:48:46

老师，为社么我的修改了版本，还是不行？下面display()这步是OK的。已经出来电子书的cover。

this.rendition.display()
this.rendition.on('touchstart', event => {
console.log(event)
})
this.rendition.on('touchend', event => {
console.log(event)
})

• 大位咂 #1

  解决了吗？因为ebook-reader-mask这个z-index导致的

Answer 3

慕码人8109411 2019-03-15 18:03:51

低版本完美运行