阅读器翻页功能实现 --项目实际开发记录（三）

翻页方式介绍：
在屏幕中我们从左往右滑动返回上一页；
从右向左滑动进入下一页，滑动位置不做限制；
当我们点击屏幕的时候出现标题和菜单栏；
当菜单和标题栏显示的时候，我们滑动屏幕进行翻页，标题和菜单栏隐藏；

电子书实现的原理是通过iframe来实现的，那么我们如何对iframe绑定我们的事件呢

我们可以通过this.rendition.on(事件动作,回调函数)方法将我们的事件绑定到iframe上面
注意：epubjs0.3.8x版本对于on事件有兼容性问题，touch事件都事无效的，我们可以打开package.json文件将其版本修改为0.3.71，注意不要带^，然后在命令行中执行npm install和npm run serve就可以了

EbookReader组件绑定事件

原理：在电子书渲染完成之后，我们开始滑动的时候，获得手指落的x轴的初始位置和开始滑动的初始时间，然后在touch事件结束的时候重新获取x轴的位置和结束时间与touch事件开始时的值进行对比，来判断滑动方向和方式。