Разное

Jquery one: .one() | jQuery API Documentation

07.11.2020

jQuery.off() | Кевин Чишолм — Блог

С помощью метода jQuery off вы можете отменить привязку обработчиков одного или нескольких событий для каждого совпадающего элемента.

Большую часть времени интерфейсные веб-разработчики озабочены привязкой обработчиков событий, то есть определением функции JavaScript, которая будет выполняться при возникновении события. Событием может быть щелчок мышью, наведение курсора, прокрутка или любое другое действие, которое пользователь выполняет на странице. И само собой разумеется, что jQuery упрощает привязку событий. Но что делать, если вы хотите удалить привязку события? Могут быть случаи, когда по какой-либо причине вы больше не хотите, чтобы ваша функция обработчика событий выполнялась. это происходит .

Типичным может быть сценарий, когда пользователь не аутентифицирован, и в этом случае вы можете запретить пользователю выполнять определенные действия. Или, возможно, у вас есть бизнес-требование, которое включает отображение рекламы после того, как пользователь продвинул слайд-шоу определенное количество раз. Что ж, частью этого требования может быть то, что реклама должна показываться не менее 10 секунд, и в течение этих десяти секунд вы не хотите, чтобы пользователь мог нажимать кнопки «Назад» или «Далее» в слайд-шоу. .

Метод jQuery.off() позволяет удалить обработчик событий, связанный с помощью метода jQuery.on() . Синтаксис требует, чтобы вы передавали строку в качестве первого аргумента, и эта строка, которую вы передаете методу jQuery.off() , указывает событие, которое вы хотите отменить. Например, у вас могут быть привязанные обработчики событий для событий « click » и « dblclick », и вы можете захотеть отвязать только обработчик события « click », но оставить «9011 click ».0011 dblclick «обработчик событий не поврежден. Но просто помните: вы можете отвязать только те обработчики событий, которые управляются с помощью jQuery.

Попробуйте сами!

В приведенном выше примере есть три элемента абзаца. Нажмите каждый. Когда вы это сделаете, вы увидите, что текст изменится на: «Меня нажали» . Далее нажмите кнопку «Обновить» , чтобы страница перезагрузилась. Теперь щелкните любой из абзацев. Вы заметите, что текст больше не меняется, когда вы нажимаете на каждый из них.

Перейдите на вкладку JavaScript . Вы увидите, что для каждого абзаца есть обработчик события клика. Это изменяет текст на «Я был нажат» при нажатии на абзац. Также есть обработчик события click для первой кнопки. При нажатии этой кнопки метод jQuery off вызывается для каждого абзаца на странице. Это отменяет привязку каждого обработчика событий click . Таким образом, при нажатии любого абзаца текст больше не меняется.

Код примера видео

Если вы хотите загрузить пример кода, посетите эту страницу Github и следуйте инструкциям: bit.ly/FEV-jq-off

Сводка

Хотя jQuery упрощает привязку событий, это также тот случай, когда вы нужно отвязать один. Метод jQuery.off() используется для удаления обработчика событий из одного или нескольких элементов HTML. Таким образом, когда вы передаете строку в качестве первого аргумента, вы просто сообщаете jQuery, какое событие вы хотите отменить. Единственное ограничение метода jQuery.off() заключается в том, что его можно использовать только с обработчиками событий, управляемыми с помощью jQuery.

Скидка 10%! — Используйте код KEVIN10

Подпишитесь на этот блог

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

Оставьте это пустым:Оставьте это поле тоже пустым:Не меняйте это:

Ваш адрес электронной почты:

 

Поиск в этом блоге
Ищи:
Категории

АЯКС Веб-сервисы Amazon (AWS) Угловой Угловой 2 Угловые сервисы Массив. прототип Массивы Асинхронный Определение асинхронного модуля Магистраль Комбинаторы CSS CSS3 Экспресс JS Функции Gulp.js HTML5 Интернет Жасмин Ява JavaScript JavaScript-шаблоны Инструменты JavaScript Весенняя загрузка Java jQuery JSON Меньше CSS Мапбокс Мобильный MongoDB Node.js Шаблоны Node.js НПМ Объектно-ориентированный JavaScript Должность Реагировать Реагировать на родной Строка.прототип Видео Веб-разработка Веб-производительность Веб-скрейпинг

Теги

ajax угловой угловой.js множество асинхронный хребет backbone.js перезвонить Каскадные таблицы стилей учебный класс контекст css директива мероприятие выражать функция функции как HTML HTML5 http JavaScript jquery json урок литералы карта модуль узел узел.js нпм объект объектно-ориентированный объекты упс Прототип требовать маршрут сфера сервер одностраничное приложение спа это руководство просмотр

Контактное лицо

Электронная почта : [email protected]

Телефон: : + 1 (212) 465-3196