Question

我正在使用JointJS创建类似UML的图表，并希望开始使用一些自定义交互。

这主要用于检测何时单击了端口。我尝试了几件事：

使用cell:mouseover事件为要悬停的端口找到DOM元素，并为“ click”添加了eventListener。那是行不通的，永远不会触发该事件。

paper.on("cell:mouseover", (cell, evt) => {
    ...
    let activePort = getHoveredPort(cell, evt);
    if (activePort) {
        const el = document.elementFromPoint(evt.clientX, evt.clientY);
        el.addEventListener("click", () => {
            // my code here
        })
    }
});

我尝试扩展joint.dia.Paper并将以下内容添加到事件中：

'mousedown .joint-port [event]': 'onevent',
'touchstart .joint-port [event]': 'onevent',

这也不起作用。

理想情况下，我希望能够为端口创建一个自定义事件处理程序，以便可以这样使用它：

paper.on("port:pointerclick", (cell, port, evt) => {
    // my logic here
})

有没有一种方法可以为JointJS中的端口添加一个pointerclick事件？

0 个答案: