JQuery: on submit не работает

Question

Я пытаюсь поймать все формы отправки событий, получить URL-адрес из атрибута действия и использовать его для отправки содержимого формы на этот адрес с помощью AJAX. Так что мне нужно только одно на отправке обработчика событий. Однако я быстро попал в беду, поскольку, похоже, он не работает в IE.

$(document).submit(function(e) { 
     alert('clicked'); 
     e.preventDefault(); 
    }); 

Это код, который я использую для целей кросс-браузерного тестирования. Он отлично работает в Chrome, Firefox, но не в IE. Мне не разрешено устанавливать прослушиватель событий в документе?

Answer 1

Посмотрите на API JQuery:

JavaScript представить событие не пузырь в Интернете Проводник. Тем не менее, скрипты, которые полагаются на делегирование событий с событием отправки, будут последовательно работать в разных браузерах с jQuery 1.4, что нормализовало поведение события. (api.jquery.com/submit)

submit событие не пузырь в Internet Explorer, так что document элемент никогда не будет уведомлен о submit событий. jQuery будет нормализовать это для вас, но только если вы используете делегирование событий. Это не трудно сделать, и на самом деле может сделать ваш код лучше, если есть больше сложности к нему:

$(document).on('submit', 'form', function(e) { 
    alert('clicked'); 
    e.preventDefault(); 
}); 

Это сохраняет преимущества привязки к document (например, перехват событий на элементах, которые не но существуют), делая это возможным в IE. Обратите внимание, что this, внутри обработчика событий, теперь является элементом form, а не document.

Answer 2

Присоединить слушателя к формам

$("form").submit(function(e) { 
     alert('clicked'); 
     e.preventDefault(); 
}); 

Answer 3

насчет:

$("form").submit(function(e) { 
    alert('clicked'); 
    e.preventDefault(); 
});