如何在 pdfjs 中添加 onclick()

【问题标题】：How to add onclick() in pdfjs如何在 pdfjs 中添加 onclick()
【发布时间】：2020-02-17 17:07:16
【问题描述】：

我正在尝试在 pdfjs 中添加一个 onclick() 事件。

我尝试添加一种方法来处理 pdf.js 文件中的 onclick。单击“未捕获的 ReferenceError：displayAttachmentsOnLocation 未定义”时出现此错误。

在 HTML 中：

<div class="page-margin" onclick="displayAttachmentsOnLocation(1)">

在 Pdf.js 中：

function displayAttachmentsOnLocation(locationId) {
   var panel = parent.angular.element(parent.document.getElementById('attachments-panel')).scope().vm;
   panel.displayAttachmentsOnLocation(locationId);
 }

我想在 pdf 上调用 displayAttachmentsOnLocation() onclick 事件

【问题讨论】：

标签： javascript html angularjs typescript pdfjs

【解决方案1】：

最好像这样使用ng-click="" 指令：

<div class="page-margin" ng-click="$ctrl.displayAttachmentsOnLocation(1)"></div>

另一种想法是，您在调用方法时没有指定控制器的名称。

控制器：

  angular.module('app', ['$scope']).controller('repeatController', function($scope) {

  $scope.displayAttachmentsOnLocation = (locationId) => {
      // Write here the logic
  };
});

如果要在 pdfjs 上添加 onclick 事件：

var element = document.getElementById('idElement');
element.addEventListener('click, (event) => {
   // Do some logic here when click event is fired
});

【讨论】：

我的问题是关于在第三方库“pdf.js”上添加 onclick 事件。
我更新了我的答案。如果你使用 addEventListener(..) 你可以添加任何事件