touchstart 和 touchend不生效

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

wxw730

2019-01-27

epubjs 已经降低至0.3.71 版本
开始chrome 手机调试模式

写回答

5回答

Sam

2019-01-27

已采纳

你好，已经调试过你的源码，源码没有问题，问题还是出在epubjs没有降级，注意要修改package.json，将epubjs改为：

"epubjs": "0.3.71"

然后重新执行npm install，之后再运行，问题解决，已经在chrome浏览器下进行测试，可以运行

Sam

宝慕林1444926

根据提示应该是sass-loader没有安装：npm install sass-loader -D

2019-05-03

共2条回复

wxw730

提问者

2019-01-27

<template>
<div class="ebook-reader">
<div id="read">
<button @click="prev">aaa</button>
<button @click="next">bbb</button>
</div>
</div>
</template>
<script>
import Epub from 'epubjs'
import { mapGetters } from 'vuex'
global.ePub = Epub
export default {
computed: {
...mapGetters(['fileName'])
},
methods: {
prev() {
this.rendition.prev()
},
next() {
this.rendition.next()
},
initEpub() {
const url = 'http://192.168.0.101:4399/' + this.fileName + '.epub'
this.book = new Epub(url)
this.rendition = this.book.renderTo('read', {
width: innerWidth,
height: innerHeight,
method: 'default'
})
this.rendition.display()
console.log(this.rendition)
this.rendition.on('touchstart', e => {
console.log(e)
})
this.rendition.on('touchend', event => {
console.log(event)
})
}
},
mounted() {
this.$store
.dispatch('setFilename', this.$route.params.fileName.split('|').join('/'))
.then(() => {
this.initEpub()
})
}
}
</script>
<style lang="scss" scoped>
</style>

wxw730

reader 组件的源码

2019-01-27

共1条回复

wxw730

提问者

2019-01-27

=.=