hover - 使用 JointJS 检测悬停

Question

我正在使用 JointJS API 来绘制一个带有嵌入路径的矩形。

此路径用作按钮，我想让此按钮仅在矩形悬停时可见，但是我不知道如何使用 JointJS 检测父元素上的悬停...是否有任何编程方式来检测它? 谢谢。

Answer 1

我终于发现你只需要在 Backbone.js 中创建一个自定义视图来监听悬停事件：

var ConstraintElementView = joint.dia.ElementView.extend({
        events: {
            'mouseover': 'mouseovercard'
        },

        mouseovercard: function(evt, x, y) {
            var size = this.model.get('size');
            console.log(size);
        }
    });

然后将此视图用于您的论文：

var paper = new joint.dia.Paper({
        el: $('#canvas'),
        width: 1200,
        height: 900,
        gridSize: 10,
        model: graph,
        elementView: ConstraintElementView,
        ...
    });