亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定

PDF.js 添加點擊事件,添加鼠標滑動事件

標簽:
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


點擊查看更多內容
TA 點贊

若覺得本文不錯,就分享一下吧!

評論

作者其他優質文章

正在加載中
  • 推薦
  • 評論
  • 收藏
  • 共同學習,寫下你的評論
感謝您的支持,我會繼續努力的~
掃碼打賞,你說多少就多少
贊賞金額會直接到老師賬戶
支付方式
打開微信掃一掃,即可進行掃碼打賞哦
今天注冊有機會得

100積分直接送

付費專欄免費學

大額優惠券免費領

立即參與 放棄機會
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號

舉報

0/150
提交
取消