使用JointJS检测悬停

Question

我正在使用JointJS应用程序接口绘制一个矩形，其中嵌入了一个路径。

这个路径作为一个按钮，我想让这个按钮只在矩形悬停时可见，但是我不知道如何用JointJS检测父元素上的悬停。有没有什么程序化的方法来检测它？谢谢。

Answer 1

我最终发现，您只需在Backbone.js中创建一个监听hover事件的自定义视图：

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,
        ...
    });