Javascript onchange different в IE и FireFox

Question

Когда это событие обмена в IE возвращает false, IE-фокус остается на этом поле ввода. В Firefox фокус всегда перемещается в следующее поле независимо от него.

HTML:

input name="seminar_donation" type="text" id="seminar_donation" 
onchange="return CheckTotal(this);" 

JavaScript:

function CheckTotal(inputbox) { 
    if (isNaN(parseInt(inputbox.value))) { 
     alert("Please enter only digits 0-9"); 
     inputbox.focus(); 
     return false; 
    } 
    return true; 
} 

В IE я даже не нужно inputbox.focus(), который, к сожалению, не появляется, чтобы сделать что-нибудь в Firefox, чтобы сохранить фокус на ошибочном поле ввода. Как я могу заставить Firefox оставаться в этом окне ввода?

Answer 1

Вы пытались добавить «возврат» в атрибуте onchange? то есть

<input name="seminar_donation" type="text" id="seminar_donation" onchange="return CheckTotal(this);"> 

Я не совсем уверен, что это сработает, но стоит попробовать?

Редактирование: пояснить, причина, по которой я не уверен, что я обычно подхожу к этому по-другому и привязываю обработчик события в javascript, а не в html.

Answer 2

Ответ, который больше не кажется здесь предложенным вопросом «времени», хотя и на немного другой теме. Так что я гугле «тайм-аут» и нашел блог Майка Rankin с 2005, что позволило мне решить эту проблему путем изменения фокуса() на:

var t= setTimeout('document.getElementById("seminar_donation").focus()',1); 

Так что же происходит Firefox все еще идет к следующему полю, но 1 мс позже этот код возвращает фокус обратно в ошибочное поле. Это cludgy, потому что, если в этом следующем поле есть облачное событие, то onblur начнет срабатывать, когда таймаут заставит фокус вернуться. Но это работа вокруг, по-видимому, давней ошибки в Firefox.

Answer 3

setTimeout('document.getElementById("seminar_donation").focus()',1);