который является правильным способом привязать событие к элементу

Question

который является правильным способом привязать событие к элементу

0

я читал, что события могут быть привязаны к элементу как

$('btn-submit').bind('click', function(){
  // your custom code
});

и по-другому,

$(document).on('click', 'btn-submit', function(){
  // your custom code
});

который является правильным и наиболее эффективным способом? Я использую рельсы 3.

prasad.surase 16 нояб. 2013, в 10:35

Источник

0

возможно дублирование jquery использования bind против клика , нет смысла использовать bind, так как эта функция вызывает только более гибкую функцию on, даже не будучи короче :)
Tats_innit 16 нояб. 2013, в 09:24
0

@Tats_innit: Правда, но он все равно будет вызывать .on по-другому, а не как делегирование события. Я бы сказал, что этот вопрос скорее о том, когда использовать делегирование событий, а когда использовать прямую привязку событий.
Felix Kling 16 нояб. 2013, в 09:27
1

Может быть, это помогает понять цель делегирования события: learn.jquery.com/events/event-delegation (тогда вы можете решить, какой из них выбрать).
Felix Kling 16 нояб. 2013, в 09:28
0

@FelixKling ola bruvoo :) если так выразиться :) согласился!
Tats_innit 16 нояб. 2013, в 09:29
0

Использование делегирования события на $ (document), вероятно, не лучше для кого-либо - ограничьте верхний родительский элемент настолько, насколько это возможно.
user2864740 16 нояб. 2013, в 09:29

Показать ещё 3 комментария

Теги:

jquery

performance

event-binding

1 ответ

Ещё вопросы

возможно дублирование jquery использования bind против клика , нет смысла использовать bind, так как эта функция вызывает только более гибкую функцию on, даже не будучи короче :)
@Tats_innit: Правда, но он все равно будет вызывать .on по-другому, а не как делегирование события. Я бы сказал, что этот вопрос скорее о том, когда использовать делегирование событий, а когда использовать прямую привязку событий.
Может быть, это помогает понять цель делегирования события: learn.jquery.com/events/event-delegation (тогда вы можете решить, какой из них выбрать).
@FelixKling ola bruvoo :) если так выразиться :) согласился!
Использование делегирования события на $ (document), вероятно, не лучше для кого-либо - ограничьте верхний родительский элемент настолько, насколько это возможно.

Adil · Accepted Answer · 2013-11-16T08-22-00.000Z

Первый используется для привязки события, которое присутствует в DOM во время привязки, и называется Direct Binding, тогда как второе - это делегирование событий, когда элементы не присутствуют во время события привязки, но добавляются позже.

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

Обработчики событий привязаны только к выбранным в данный момент элементам; они должны существовать на странице в момент, когда ваш код выполняет вызов.on(). Чтобы убедиться, что элементы присутствуют и могут быть выбраны, выполните привязку событий внутри обработчика документа для элементов, которые находятся в разметке HTML на странице. Если на страницу вводится новый HTML-код, выберите элементы и присоедините обработчики событий после того, как новый HTML будет помещен на страницу. Или используйте делегированные события для присоединения обработчика событий, как описано ниже.

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

Справка