我如何对 PDFTron 中的现有数据元素执行 click()？

Question

基本上情况是，我在查看器外部有自定义按钮，我想将 "area measurement" 的功能绑定到该自定义按钮？

我想绑定图像中两个突出显示的按钮，即如果我单击 "draw area" 按钮，则需要单击两个突出显示的按钮。

提示：请参考image。

我尝试了 getTool() 方法，但出现了类似 ERROR TypeError: tool.click is not a function

的错误

document.getElementById('items').onclick = function (e) {

const tool = instance.docViewer.getTool('AnnotationCreateAreaMeasurement');

tool.click();

};

请帮我解决这个问题。有可能吗？如果不是，那么解决这个问题的方法是什么？

Answer 1

我是用setToolMode(toolName)方法实现的。

document.getElementById('items').onclick = function () {

        instance.setToolMode('AnnotationCreateAreaMeasurement');

};```

Answer 2

vivek 的回答是获得与点击事件相同的行为的正确方法。由于 UI 使用 React，因此使用 .click() 将不起作用，因为按钮不会始终存在于 DOM.

此外，如果您只想设置工具模式而不出现 header 弹出窗口，您可以执行以下操作

document.getElementById('items').onclick = function (e) {
  const tool = instance.docViewer.getTool('AnnotationCreateAreaMeasurement');
  // use the 'setToolMode' function on the 'docViewer' instead of the 'instance'
  instance.docViewer.setToolMode(tool);
};

最后，您可以使用 getToolModeMap 获取所有不同工具模式的列表

我如何对 PDFTron 中的现有数据元素执行 click()？

How do i perform click() on existing data-element in PDFTron?

typescript

pdftron