Приложить обработчик события jquery с помощью html?

Question

Мне нравится, как jQuery обертывает события, когда вы используете свой метод bind. Однако неудобно настраивать привязки. Есть ли способ объединить легкость html (например, onKeyPress="foo(event)") с независимым от браузера jQuery знанием дел?

Answer 1

Хорошая идея состоит в том, чтобы фактически разделить эти два, чтобы ваш HTML был чистым, а js - в отдельном месте. Вы можете использовать ярлыки, такие как $('a').click(...) вместо $('a').bind('click'...), но это все. Лично мне нравится иметь привязки отдельно от разметки.

Answer 2

Вы имеете в виду вот это?

function foo(event) { 
    alert(event.target); 
} 

$('.someSelector').keypress(foo); 

ли в HTML или яваскрипта, как вам нужно создать функцию foo, поэтому, возможно, это ближе к тому, что вы искали.

Я не уверен, что именно вам кажется неудобным в отношении привязки обработчика jQuery.

Answer 3

Возможно, вы не хотите этого делать.

Возможно, вы захотите прочитать на event delegation in JavaScript, который эти методы привязки jquery аккуратно обрабатывают вас.

Вот основные моменты:

делегация Событие имеет ряд преимуществ к производительности веб применения:

Меньшее функции для управления. Занимает нет памяти. Меньше связей между вашим кодом и DOM. Не нужно беспокоиться об удалении обработчиков событий, когда изменяет DOM через innerHTML.

Вы лучше с помощью связывания хелперы JQuery как $ whatever.click (Fn) и т.д.

Собственно here is another question on SO, который ссылается на ту же статью, я сделал это также может помочь.