Взаимодействие с значками через TABing

Question

У меня есть окно формы jquery с mutliple объектами, с которыми можно взаимодействовать, кнопки, текст и, наконец, значок «X».

$('#cancel-feedback, #feedback-dialogs .icon-close, #feedbackCloseAfter').click(function (e) { 
    closeDialog(); 
}); 

То, что я не понимаю, почему, когда я TAB через объекты к «# отмена обратной связи» (что кнопка) и нажмите клавишу ввода, окно закрывается, но когда я повторить тот же процесс для Значок - нет.

Нажатие курсора мыши отлично работает для обоих случаев.

Answer 1

Это потому, что поведение по умолчанию для кнопки представлено некоторыми браузерами, особенно IE. Если вы хотите, чтобы избежать этого убедитесь, что тип кнопки устанавливается в явном виде:

Например

<button type="button"> 

Working example