javascript - 如何识别拉斐尔中哪个按钮被按下？

Question

我有一个 Raphael 代码，可以动态生成不同的按钮。然后我向这些按钮注册一个功能，我需要识别按下了哪个特定按钮。

在 Flash/AS3 中，您可以通过编写如下内容来获取调用该函数的按钮的名称:

function myFunction (e:MouseEvent){
      trace (e.currentTarget.name);
}

Raphael 中是否有类似的方法来实现此目的？

谢谢。

Answer 1

首先，由于您正在使用 Raphael，我假设您正在使用 Raphael 对象(即矩形)创建自定义按钮。

好的，您可以执行以下操作:

1. 创建 2 个全局变量，一个用于保存计数动态创建的按钮，另一个用于保存id> 点击事件中的按钮。
2. 每次将 Raphael 对象创建为按钮时，请通过 data() 函数为其分配 id。

示例:

// global vars
var count = 0;
var id    = 0;


// your code
var paper  = Raphael(0, 0, 1000, 1000);
var button = paper.rect(100, 100, 60, 20, 10).attr({fill: 'red'});
var text   = paper.text(130, 110, "Submit").attr({fill: '#fff'});

count++;

button.data("id", count);

// some more code

button.click(function() 
{
    id = this.data("id");
});

祝你好运