0

在snap.svg http://snapsvgid的事件处理函数（例如单击回调函数）中获取属性（或基本上任何帮助我识别事件发生的元素的属性）的最佳（跨浏览器）方法是什么.io/

这是一些代码。我尝试过的似乎适用于最新的 Chrome 和 FF，但我想知道是否有更好的方法。

    //add an Element, set id
    var mySvg = Snap('#mySvg');
    var myRect = mySvg.rect(10,10,200,100);
    myRect.attr({id:'myId'});

    //register click callback
    myRect.click(clickCallback);

    //click callback
    var clickCallback = function(event) {
       // how do I get the id of the clicked element?
       // is this cross browser valid?
       var id = event.target.attributes.id.nodeValue;
    };
4

1 回答 1

5

我认为当前版本的 Snap 和 id 存在问题，已在下一个版本中修复（0.2 可能是当前版本）https://github.com/adobe-webplatform/Snap.svg/issues/166非常值得在某个时候阅读。

但是，对于这些情况，我通常不会使用这样的 id，我会使用“this”。因此，使用处理程序，它可能看起来像......

var mySvg = Snap(400, 620);
var myRect = mySvg.rect(10,10,200,100);

var clickCallback = function(event) {
    this.attr({ fill: 'blue' });
};

myRect.click(clickCallback);

jsfiddle在这里http://jsfiddle.net/qgTdF/2/

该解决方案可能对您有用，并且更可取，但最终取决于您是否需要做其他事情（在这种情况下，可能会针对特定问题发布另一个问题）。如果您需要稍微调整一下并专门使用 id，则可能也值得尝试最新版本（我认为是 0.2）。

于 2014-01-24T22:47:21.787 回答