Описание тега event-delegation

В JavaScript делегирование событий - это концепция прослушивания определенных событий в каком-либо элементе (например, во всем документе), чтобы поймать эти события, запускаемые в любом из дочерних элементов, даже тех, которые не существовали, когда событие было прикреплено. Это происходит благодаря другой концепции, называемой "всплытие событий", которая делает события видимыми для родительских элементов. В каждом обработчике событий можно проверить, что было целевым элементом события.
1 ответ

Слушатель делегата события jQuery не запускается

Я создаю расширение Google Chrome и пытаюсь изменить код домашней страницы Twitter для этого. Мне нужно получать уведомления, когда пользователь нажимает на --- More кнопка, которая присутствует в каждом твите. В основном я использую следующий код д…
2 ответа

Альтернатива.val(), которая получает текущее значение всех элементов в наборе соответствующих элементов.

У меня есть 3 выбранных элемента, и я использую $(".select-elem select").val() чтобы получить значение каждого элемента select в массиве, но он возвращает значение только первого элемента в наборе соответствующих элементов. Например, если пользовате…
30 сен '14 в 05:46
2 ответа

jquery undelegate click событие после завершения события

У меня есть событие click, которое анимирует некоторый контент AJAX на страницу. Как только это содержимое было обнаружено, и пользователь щелкает по той же ссылке, которая активировала процесс, я теперь хочу отменить процесс и закрыть текущий откры…
18 авг '10 в 15:16
1 ответ

Проблемы с делегированием событий в том же контейнере

У меня есть функция, упрощенная так: var fooFunction = function($container, data) { $container.data('foobarData', data); $container.on('click', 'a', function(e) { var data = $(e.delegateTarget).data('foobarData'); var $target = $(e.currentTarget); i…
12 июл '18 в 19:30
1 ответ

Копирование элемента со всеми его атрибутами - Обновление

ОБНОВЛЕНИЕ 4 Привет @Paul. Я думаю, что знаю, что происходит, я просто не знаю, как это исправить. Оповещение, которое было у меня в touchstart, приводило к остановке приложения, и когда я нажимал ОК, событие touchend уже прошло. Я удалил предупрежд…
18 мар '15 в 11:55
1 ответ

Делегирование событий Vanilla JS - работа с дочерними элементами целевого элемента

Я пытаюсь сделать делегирование событий в ванильном JS. У меня есть кнопка внутри контейнера, как это <div id="quiz"> <button id="game-again" class="game-again"><span class="icon-spinner icon"></span><span>Go again</…
1 ответ

Отправка комментариев в PHP с помощью Ajax

У меня есть эта форма комментария. эта форма комментария работает, но не всегда, когда я публикую комментарий, она работает в 1 сообщении, а в другом обновляется страница, и данные также не вставляются, все сообщения извлекаются циклом while JS: &lt…
08 окт '15 в 06:18
2 ответа

Могу ли я (в javascript) написать событие или функцию, которая автоматически применяется к одному виду HTML-тегов?

Я искал способ применить onclick(); или функция для всех <span></span> теги на моей странице, даже те, которые создаются позже, как универсальный порядок для всех HTML-тегов этого типа. несмотря на тип идентификатора класса или любой дру…
1 ответ

Делегирование события касания списка Android

У меня есть список, который использует базу данных для отображения некоторых данных. Есть несколько операций, которые пользователь может выполнять над каждым элементом списка, и вместо реализации контекстного меню, в котором пользователь использует …
5 ответов

Архитектура Redux / ngrx/store: почему бы не отправлять действия из тупых компонентов?

Я создаю приложение Angular 2 ngrx/store и пытаюсь понять лучшие практики. Мне нравится иметь неизменное состояние, которое изменяется только в зависимости от отправленных действий, так что состояние приложения очень четкое и отлаживаемое. Мне нрави…
16 июн '16 в 18:26
1 ответ

Как проверить динамический флажок и POST в ajax с делегированием?

У меня есть флажки, которые генерируются динамически со значением из базы данных в инструкции while как таковой: while($getplands = mysqli_fetch_assoc($getplanresults)){ <tr> <td><input class="thisinput" type="checkbox" value="'.$getp…
03 сен '18 в 23:56
2 ответа

Контент, добавленный jQuery.prepend, не активируется (даже при запуске.on)

Спасибо за любую помощь. Этот сайт был отличным ресурсом. Моя проблема: когда меню открывается на сайте, над которым я работаю, я также добавляю (к основному элементу) оверлей div и назначаю ему класс, который должен позволять кликать по нему, чтобы…
08 июл '13 в 11:48
1 ответ

Функция Jquery зависает

Я использую плагин под названием h5validate. Я обнаружил, что единственный способ запустить этот плагин - щелкнуть (размывая) поле, которое я хочу проверить, поэтому моя логика заключается в настройке функции, которая делает это для меня, когда я на…
1 ответ

Вход не добавляется после второго клика

Я создаю простую древовидную структуру, которая содержит поле ввода как дочерний. Каждый дочерний элемент состоит из одного поля ввода и двух кнопок. Одна кнопка предназначена для добавления дочернего элемента для ввода, а другая - для удаления узла…
18 апр '16 в 11:06
1 ответ

Javascript Делегирование событий

Я пытаюсь переписать следующую функцию для делегирования событий: $("ul > li.closed").click(function (e) { if (e.target === this) { var li = $(this).closest('li'); li.find(' > ul').slideToggle('fast'); $(this).toggleClass("closed open"); } });…
23 сен '13 в 15:42
3 ответа

jQuery делегирование событий для ввода текста при изменении

Я пытаюсь прикрепить событие изменения к входу, который я вставляю динамически. HMTL начинается так: <div id="myDiv"></div> Затем вставьте в него HTML-код, когда страница активна (она загружается через ajax, поэтому вместо onReady исполь…
19 дек '13 в 20:06
2 ответа

Как найти все события внутри контейнера и делегировать их

Предположим, у меня есть разметка, как это <div class="container"> <div class="abc" onclick="alert(this.innerHTML)">ABC</div> <div class="abc1">ABC</div> <div class="abc2">abc2</div> <div class="xys3">…
24 фев '16 в 11:08
4 ответа

Событие click не срабатывает для вновь созданных тегов li

Со следующим кодом: <!DOCTYPE html> <html> <head> <title>test list</title> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"> </script> </head> <style> li{ display:in…
20 ноя '13 в 04:59
1 ответ

Удаление события не работает

Я пытаюсь написать свою собственную систему делегирования событий, и она прекрасно работает, за исключением того, что я не могу удалить событие, как только присоединяю его к элементу! Я рвал на себе волосы, пытаясь понять это. Любая помощь будет при…
3 ответа

Делегирование jquery на вложенных элементах ul

У меня есть вложенное ul "дерево", которое, ради этого вопроса, состоит только из пары уровней наверху и пары детей, но если вы могли бы предположить, что от верхнего ul (предназначено для id="group" здесь), что может быть несколько вложенных элемен…