如何在PDFTron中对现有数据元素执行click()?

Question

>基本上，场景是，我在查看器之外有我的自定义按钮，我想将"面积测量"的功能绑定到该自定义按钮？

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

提示：请参考图片。

我尝试过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

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

此外，如果您只想设置工具模式而不显示标题弹出窗口，则可以执行以下操作

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获取所有不同工具模式的列表

Answer 2

我通过使用setToolMode(toolName)方法实现了它。

document.getElementById('items').onclick = function () {
instance.setToolMode('AnnotationCreateAreaMeasurement');
};```