javascript - 对拉斐尔对象的引用

Question

我需要在我的程序中创建几个 Raphael 对象。 field1 和 field2 是 div 元素。每个 Raphael 对象(paper1、paper2、...)都将具有独特的 Canvas ，并且它们都需要具有完全相同的功能。稍后需要动态创建 Raphael 对象。在下面的示例代码中，我需要知道哪个对象触发了 mousedown 事件。我还想知道在哪个 div 元素(此处为 field1/field2)中触发了 mousedown 事件。我怎样才能得到这些信息？

var myProgram = (function() {
var paper1 = Raphael("field1", 200, 400, fieldActions);
var paper2 = Raphael("field2", 200, 400, fieldActions);

var planeAttrs = {
    fill: "#fff"  
};

function fieldActions(){
    var that = this;

    that.field = that.rect(0, 0, 200, 400, 30);

    that.field.attr(planeAttrs);

    that.field.mousedown( function(e) {
    });
});
}());

Answer 1

that.field.mousedown( function(e) {
 console.log(this, this.node, this.paper.canvas, this.paper.canvas.parentNode)
});

this - 矩形拉斐尔对象

this.node - rect svg dom 元素

this.paper.canvas - svg dom 元素

this.paper.canvas.parentNode - 带有 id (field2/field1) 的 div，其中包含被点击的 svg。