PDF.js 添加点击事件，添加鼠标滑动事件

功能需求：点击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