Я использую события Raphael .mouseover() и .mouseout(), чтобы выделить некоторые элементы в моем SVG. Это отлично работает, но после того, как я нажму на элемент, я хочу, чтобы он перестал выделяться.
В документации Raphael я нашел:
Для отвязки событий используйте те же имена методов с префиксом «un», то есть element.unclick(f);
но я не могу заставить это работать, и я также не понимаю параметр «f».
Это не работает, но что делать??
obj.click( function() {
this.unmouseover();
});
Хорошо, вам нужно передать функцию обработчика unmouseover запросу:
// Creates canvas 320 × 200 at 10, 50
var paper = Raphael(10, 50, 320, 200);
// Creates circle at x = 50, y = 40, with radius 10
var circle = paper.circle(50, 40, 10);
// Sets the fill attribute of the circle to red (#f00)
circle.attr("fill", "#f00");
// Sets the stroke attribute of the circle to white
circle.attr("stroke", "#fff");
var mouseover = function (event) {
this.attr({fill: "yellow"});
}
var mouseout = function (event) {
this.attr({fill: "red"});
}
circle.hover(mouseover, mouseout);
circle.click(function (event) {
this.attr({fill: "blue"});
this.unmouseover(mouseover);
this.unmouseout(mouseout);
});
Вот о чем f. Вы также можете использовать unhover():
circle.click(function (event) {
this.attr({fill: "blue"});
this.unhover(mouseover, mouseout);
});
mouseout на самом деле является ссылкой на функцию, а не строковым значением. Теоретически, поскольку передача функции по ссылке является частью нормального поведения в Javascript, агрессивная минификация должна идентифицировать и заменить ссылку на функцию, а также объявление метки идентификатора функции. Мой ответ без каких-либо испытаний, у вас не должно быть проблем. Если вы найдете конкретный тест с определенным минификатором, сообщите мне об этом.
- person Jared Farrish; 25.07.2012
