| | |
|---|
| | | scrollFun(event) { |
|---|
| | | // 判断向上滚动还是向下滚动 |
|---|
| | | if (event.target.scrollTop > this.previousScrollTop) { |
|---|
| | | this.getAduio() |
|---|
| | | this.getAduio(); |
|---|
| | | // 向下 |
|---|
| | | const currentScrollTop = |
|---|
| | | event.target.scrollTop + event.target.offsetHeight; |
|---|
| | |
|---|
| | | } |
|---|
| | | } |
|---|
| | | } else if (event.target.scrollTop < this.previousScrollTop) { |
|---|
| | | this.handleAudio() |
|---|
| | | this.handleAudio(); |
|---|
| | | // 向上 |
|---|
| | | const currentScrollTop = event.target.scrollTop; |
|---|
| | | if (currentScrollTop <= this.loadThreshold) { |
|---|
| | |
|---|
| | | this.container ? this.container : document |
|---|
| | | ).querySelector(`[page="${data.page}"]`); |
|---|
| | | // 创建 createTreeWalker 迭代器，用于遍历文本节点，保存到一个数组 |
|---|
| | | const treeWalker = document.createTreeWalker(pageDom, NodeFilter.SHOW_TEXT); |
|---|
| | | const treeWalker = document.createTreeWalker( |
|---|
| | | pageDom, |
|---|
| | | NodeFilter.SHOW_TEXT |
|---|
| | | ); |
|---|
| | | const allTextNodes = []; |
|---|
| | | let currentNode = treeWalker.nextNode(); |
|---|
| | | while (currentNode) { |
|---|
| | |
|---|
| | | const catalog = catalogDom.getAttribute("num"); |
|---|
| | | let text = null; |
|---|
| | | if (target.querySelector("p")) { |
|---|
| | | text = target.querySelector("p").textContent.substring(0, 20); |
|---|
| | | text = target.querySelector("p").textContent.substring(0, 50); |
|---|
| | | } |
|---|
| | | // 返回页码和章节信息 |
|---|
| | | if (this.$store.state.qiankun && this.$store.state.qiankun.pageChange) |
|---|
| | |
|---|
| | | target, |
|---|
| | | "chapter" |
|---|
| | | ); |
|---|
| | | // 添加页码 |
|---|
| | | this.loadPageList.push(Number(page)); |
|---|
| | | const catalog = catalogDom.getAttribute("num"); |
|---|
| | | // if (!this.questionDataMap[page]) { |
|---|
| | | // if (testData && testData[catalog]) { |
|---|
| | |
|---|
| | | // } |
|---|
| | | // } |
|---|
| | | // } |
|---|
| | | // 添加页码 |
|---|
| | | this.loadPageList.push(Number(page)); |
|---|
| | | // 渲染这一页的标记 |
|---|
| | | for (const key in this.renderSignMap) { |
|---|
| | | if (this.renderSignMap[key][page]) { |
|---|
| | |
|---|
| | | // 高亮行 |
|---|
| | | setTimeout(() => { |
|---|
| | | // 获取页面所有text节点 |
|---|
| | | const pageTextList = document.createTreeWalker(target, NodeFilter.SHOW_TEXT); |
|---|
| | | const pageTextList = document.createTreeWalker( |
|---|
| | | target, |
|---|
| | | NodeFilter.SHOW_TEXT |
|---|
| | | ); |
|---|
| | | // 匹配关键字 |
|---|
| | | const allPageTextNodes = []; |
|---|
| | | let currentNode = pageTextList.nextNode(); |
|---|
| | |
|---|
| | | .querySelector(`[page="${pageNum}"]`); |
|---|
| | | if (thisPageDom) { |
|---|
| | | // 获取页面所有text节点 |
|---|
| | | const pageTextList = document.createTreeWalker(thisPageDom, NodeFilter.SHOW_TEXT); |
|---|
| | | const pageTextList = document.createTreeWalker( |
|---|
| | | thisPageDom, |
|---|
| | | NodeFilter.SHOW_TEXT |
|---|
| | | ); |
|---|
| | | // 匹配关键字 |
|---|
| | | const allPageTextNodes = []; |
|---|
| | | let currentNode = pageTextList.nextNode(); |
|---|
| | |
|---|
| | | // 跳转 |
|---|
| | | this.gotoPage(data.catalog, data.page, () => {}); |
|---|
| | | }, |
|---|
| | | // 点击事件：将生僻单词传给 主应用 从而调用词典功能 |
|---|
| | | // 点击事件：将生僻单词传给 主应用 从而调用词典功能 |
|---|
| | | saveCharacters(event, word) { |
|---|
| | | console.log("生僻字", event, word); |
|---|
| | | if (this.$store.state.qiankun && this.$store.state.qiankun.chooseWords) { |
|---|
| | |
|---|
| | | }, |
|---|
| | | // 关闭mini video |
|---|
| | | closeMiniAudio() { |
|---|
| | | this.audioPath = '' |
|---|
| | | } |
|---|
| | | this.audioPath = ""; |
|---|
| | | }, |
|---|
| | | }, |
|---|
| | | components: { |
|---|
| | | pageHeader, |
|---|
| | | chapterOne, |
|---|
| | | miniAudio |
|---|
| | | miniAudio, |
|---|
| | | }, |
|---|
| | | }; |
|---|
| | | </script> |
|---|
