Обработка событий jQuery unclick () и unbind ()?
Я хочу прикрепить событие щелчка к элементу кнопки, а затем удалить его, но я не могу заставить события unclick() или unbind() работать должным образом. В приведенном ниже коде кнопка имеет цвет tan, и событие щелчка работает.
window.onload = init;
function init() {
$("#startButton").css('background-color', 'beige').click(process_click);
$("#startButton").css('background-color', 'tan').unclick();
}
Как я могу удалить события из моих элементов?
![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)
Ответы 4
unbind - ваш друг.
$("#startButton").unbind('click')
unclick() не существует. С чего взял?
Вы можете удалить отдельные обработчики событий из элемента, вызвав unbind:
$("#startButton").unbind("click", process_click);
Если вы хотите удалить все обработчики или использовали анонимную функцию в качестве обработчика, вы можете опустить второй аргумент unbind():
$("#startButton").unbind("click");
Спасибо за информацию. Я копнул немного глубже и обнаружил, что unclick () был удален в jQuery 1.1.
Вы уверены, что хотите его отвязать? Что, если позже вы захотите связать его снова, и снова, и снова? Мне не нравится динамическая обработка событий bind / unbind, поскольку они имеют тенденцию выходить из-под контроля, когда вызываются из разных точек вашего кода.
Вы можете рассмотреть альтернативные варианты:
- изменить свойство кнопки "отключено"
- реализовать свою логику внутри функции "process_click"
Просто мои 2 цента, не универсальное решение.
Или у вас может быть ситуация, когда вы хотите отвязать функцию щелчка сразу после ее использования, как мне пришлось:
$('#selector').click(function(event){
alert(1);
$(this).unbind(event);
});