Предположим, что на сайте имеется большое количество элементов, к которым привязано неизвестное количество и тип событий.
Если мне нужно переопределить все эти события одним связанным событием, и только это событие сработает, каковы некоторые рекомендации?
Я бы привязал событие к обработчику события клика, и я использую jQuery.
Заранее спасибо.
Вы ищете jQuery#unbind.
Чтобы удалить все обработчики событий для элемента или набора элементов, просто выполните:
$('.some-selector').unbind();
Чтобы отвязать только обработчики кликов, используйте unbind('click'):
$('.some-selector').unbind('click');
Чтобы отвязать все обработчики кликов и сразу после этого привязать свой собственный обработчик, вы можете сделать что-то вроде этого:
$('.some-selector').unbind('click').click(function(event) {
// Your code goes here
});
Обратите внимание, что это будет работать только для событий, связанных с использованием jQuery (с использованием .bind или любого метода jQuery, который использует .bind внутри). Если вы хотите удалить все возможные события onclick из заданного набора элементов, вы можете использовать:
$('.some-selector')
.unbind('click') // takes care of jQuery-bound click events
.attr('onclick', '') // clears `onclick` attributes in the HTML
.each(function() { // reset `onclick` event handlers
this.onclick = null;
});
$(".some-selector").unbind("click").attr("onclick", "").each(function(){ this.onclick = null; });?
- person Alexander Wallin; 11.01.2011
Я хотел бы поделиться мыслью, не удаляя все события вместе (просто переопределить их).
Если ваше новое одно связанное событие (здесь мы называем его «щелчок») специфично для элемента, к которому оно привязано, то я считаю, что вы можете игнорировать любые другие события просто с помощью функции stopPropagation(). Так
$("specific-selector").on("click", ".specific-class", function (e) {
e.stopPropagation()
// e.stopImmediatePropagation()
/* your code continues ... */
});
Это остановит всплывающие окна событий, поэтому другие ваши события не будут срабатывать. используйте stopImmediatePropagation(), чтобы предотвратить другие события, прикрепленные к тем же элементам, что и «щелчок».
Например, если событие mouseleave также привязано к элементу $("specific-selector .specific-class"), оно также не сработает.
Наконец, все остальные события не будут срабатывать на этом элементе, а на вашем новом элементе «щелчок».
Нерешенный вопрос: что, если другие события также используют stopPropagation()? ... Тогда я думаю, что побеждает тот, у кого лучшая спецификация, поэтому старайтесь избегать сложных, слишком многих событий - это последнее предложение.
Дополнительные сведения см. в разделе "Прямые и делегированные события" на сайте jQuery.
Похоже, это довольно просто на самом деле:
$('#foo').unbind('click');
$('#foo').bind('click', myNewFunction);
Спасибо за ваши ответы.
Попробуйте использовать live вместо bind. Затем вы можете легко удалить живую привязку с помощью die из селектора, который является быстрой операцией, и установить другую так же быстро.
$('selection here').live('..', .....); // multiple invocations
$('selection here').die();
$('selection here').live('click',.....);
DOM вообще не трогается. Состояние события оценивается при возникновении события.
Но вообще, если вы просто хотите поменять местами функции-обработчики, почему бы не сделать это так:
var ahandler = function(evt) { /* first implementation */ }
$('.selector').bind('click', function(evt) { ahandler(evt); });
//and then if you want to change handlers
ahandler = function(evt) { /* new implementation */ };
Это абсолютно бесплатно для любых изменений, перепривязки и т.д.
