this.rendition.on—touchstart、touchend ,next ，prev 等都没有作用，急等！

来源：4-3 阅读器翻页功能实现

weixin_慕仔3569560

2019-01-24

按照老师的建议，修改了epubjs的版本：“0.3.71” 问题还是不能解决。

写回答

6回答

Sam

2019-01-24

已采纳

使用你的代码，可以正确捕获到touch事件，注意要启动手机模式

//img.mukewang.com/szimg/5c4926390001b13a25921394.jpg

Sam

weixin_慕仔3569560

课程后面会介绍一种模板的做法，来解决PC和手机兼容的问题，另外，如果要使用Rendition.on的方案，可以捕获click事件，就可以同时支持PC和移动了

2019-01-24

共2条回复

weixin_慕仔3569560

提问者

2019-01-24

<template>
<div>
<div id="read">
<!-- {{$route.params.fileName}} -->
<div class="ebook-reader"></div>
</div>
</div>
</template>

<script>
import Epub from "epubjs";
global.ePub = Epub;
import { mapGetters } from "vuex";

export default {
computed: {
...mapGetters(["fileName"])
},
methods: {
initEpub() {
const url = "" + this.fileName + ".epub";
console.log(url);
this.book = new Epub(url);
this.rendition = this.book.renderTo("read", {
width: innerWidth,
height: innerHeight,
method: "default"
});
this.rendition.display();
console.log(this.book);
console.log(this.rendition);
this.rendition.on("touchstart", event => {
console.log(event);
});
}
},
mounted() {
this.$store
.dispatch("setFileName", this.$route.params.fileName.split("|").join("/"))
.then(() => {
this.initEpub();
});
}
};
</script>

这是EbookReader.vue的代码，还需要别的吗？