PDF.js 添加點(diǎn)擊事件,添加鼠標(biāo)滑動(dòng)事件
標(biāo)簽:
JavaScript
功能需求:点击PDF 预览界面,出现下来菜单,滚动鼠标预览PDF ,下拉菜单消失。
1.在源码中添加点击事件
大概在源码 viewer.js 2300行左右,有函数 webViewerClick ,可以直接在里面添加监听的点击事件
var eventClick = document.createEvent('HTMLEvents'); eventClick.initEvent('pageClick',false,false);window.dispatchEvent(eventClick);
调用事件方法(先说明是用 iframe 标签调用的 PDF 预览):
iframe.addEventListener('pageClick'.function( this.showMenus = ture; //这个是自己在vue中定义的变量))
2.在源码中添加滚动事件
大约在 viewer.js 2200行左右,有函数 webViewerWheel ,可以直接在里面添加监听的滚动事件
function webViewerWheel(evt){ var eventClick = document.createEvent('HTMLEvents'); eventClick.initEvent('eventWheel',false,false); window.disatchEvent(eventClick); }
调用事件方法:
iframe.addEventListener('eventWheel',function(){ this.showMenus = false; })
备注:如果url 地址错误,错误页面处理事件在 viewer.js 大约1354行左右:
return loadingErrowMessage.then(function(msg)){ // 添加你的错误处理事件 _this3.error(msg,{message:message}); throw new Error(msg); }
作者:H_婷
链接:https://www.jianshu.com/p/19b5f161e9eb
點(diǎn)擊查看更多內(nèi)容
為 TA 點(diǎn)贊
評(píng)論
評(píng)論
共同學(xué)習(xí),寫下你的評(píng)論
評(píng)論加載中...
作者其他優(yōu)質(zhì)文章
正在加載中
感謝您的支持,我會(huì)繼續(xù)努力的~
掃碼打賞,你說多少就多少
贊賞金額會(huì)直接到老師賬戶
支付方式
打開微信掃一掃,即可進(jìn)行掃碼打賞哦