Как определить, какая кнопка была нажата в Рафаэле?

Question

У меня есть код Рафаэля, который динамически генерирует разные кнопки. Затем я регистрирую функцию для этих кнопок, и мне нужно определить, какая конкретная кнопка была нажата.

В Flash/AS3 вы можете получить имя кнопки, вызывающей функции, написав что-то вроде этого:

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

является ли подобный способ достижения этой цели в Рафаэль?

Спасибо.

Answer 1

Прежде всего, поскольку вы используете Raphael, я предполагаю, что вы создаете пользовательские кнопки с объектами Raphael (т. Е. Rect).

OK вы можете сделать следующее:

1. Создать 2 глобальные переменные, один держать count динамически созданной кнопки, другой держать id вашей кнопки в случае щелчка.
2. Каждый раз, когда ваш объект Raphael создается как кнопка, назначьте ему идентификатор с помощью функции data().

Пример:

// 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"); 
}); 

Good Luck