当前位置: 首页 > 工具软件 > GraphView > 使用案例 >

拓扑视图graphView监听鼠标点击按下等事件:html原生事件监听addEventListener,以及拓扑视图的监听gv.mi();嵌套图纸反序列化加载后,都默认调用initGVLoadedRu

潘慈
2023-12-01

两种事件监听对比的代码实例:

JavaScript
function initGVLoadedRunning(gv, controlsMovable = false, allowAllPropagation = false) {
    ……
    //监听方式1:html原生事件监听
    const g2dView = gv.getView();
    g2dView.addEventListener('mousedown', function(e) {
        e.stopPropagation();
    }, false);

    /*监听方式2:通过ht.graphView的监听取代html原生的事件,可以获得图元对象(不可选中的图元则
    不会响应该事件监听,非常便于区分不同图元的点击事件,而html默认原生事件监听太过于原始,难以
    判断区分图元组件!)*/
    gv.mi((e) => {
        const {
            kind,
            data
        } = e
        if (kind == 'onDown') {
            e.event.stopPropagation();
        }
    });
}

 类似资料: