Привязка события js в зависимости от положения мыши: убийца производительности или нет?

Question

Я сделал это: http://jsfiddle.net/CS273/4/

На этой скрипке, когда мышь достигает правой области ввода текста, она меняет курсор (указатель) и создает прослушиватель события щелчка.Когда мышь выходит из нужной области, тот же прослушиватель событий уничтожается.

Я бы назвал эту привязку прослушивателя событий «на лету», возможно, у нее уже есть имя.

Isэто хорошо, делать это или нет?

Answer 1

При всех равных условиях вы, вероятно, никогда не заметите снижения производительности, но это несколько странный способ сделать то, что вы хотите.

Я бы предложил переработать ваш HTML-код, чтобы символ «x» не был частью ввода, и вы можете просто прикрепить обычный обработчик событий.

пример: http://jsfiddle.net/cwolves/CS273/6/

Answer 2

Смотрите это обновление для вашей скрипки: http://jsfiddle.net/maniator/CS273/5/

Я сделал плавающий div, который обрабатывает клик для вас.

Вот он с каким-то цветом, так что вы видите это: http://jsfiddle.net/maniator/CS273/7/

Единственное, что вам нужно:

$(".hover").click( function(e) {
    $('.filterNameInput').val('').blur();
});

Вы можете добавить cursor: pointer; к CSS .hover, чтобы он выглядел так же, как ваша текущая версия.