JavaScript не работает в Internet Explorer

Question

В настоящее время я настраиваю свои логины и пароли на веб-странице. Они работают, как предполагалось в Firefox/Safari, но Internet Explorer выдает следующее сообщение об ошибке:

Линия: 7, Char: 2, возражали требуется

Это происходит, когда я даю внимание на мои входы. Эта функция называется OnFocus:

function InputFocused(InputID) 
{ 
    var InputObject = document.getElementById(InputID); 
    DefaultValue = InputObject.value; 
    InputObject.value = ""; 
    InputObject.style.color = "#000"; 
} 

И это разметка:

<input type="text" class="login" id="username" value="USERNAME" onfocus="InputFocused(this.id)" onblur="InputBlurred(this.id)" /> 

Я думал, что это было довольно просто, но у меня очень мало опыта работы с JavaScript, так что любое понимание будут оценены.

Answer 1

Я думаю, что вам лучше всего было бы сделать это

function InputFocused(DOM_OBJECT) 
    { 
     DefaultValue = DOM_OBJECT.value; 
     DOM_OBJECT.value = ""; 
     DOM_OBJECT.style.color = "#000"; 
    } 

В то время как ваш HTML будет выглядеть следующим образом:

<input type="text" class="login" "id="username" value="USERNAME" onfocus="InputFocused(this)" onblur="InputBlurred(this)" /> 

Это будет передавать весь объект DOM, а не просто прохождения Я бы.

Надеюсь, это поможет!

Answer 2

Я думаю, что это

<input type="text" class="login" "id="username" value="USERNAME" onfocus="InputFocused(this.id)" onblur="InputBlurred(this.id)" /> 

должны были бы быть в этом

<input type="text" class="login" id="username" value="USERNAME" onfocus="InputFocused('username')" onblur="InputBlurred('username')" /> 

для примера, приведенного.

Answer 3

Возможно, вы захотите добавить проверку на работоспособность на alert при значении InputID. Проблема с вашим html ("id= вместо id=), но это может быть просто результатом быстрой копирования/вставки.

Также: Я замечаю, что вы передаете значение атрибута id, а затем просматриваете элемент, а не просто передаете ссылку на элемент напрямую.

Answer 4

Какую версию IE вы используете?

Проблема, я ожидаю, заключается в том, что когда вы указываете onfocus = "InputFocused (this.id)" Я не уверен, что IE знает, что такое текущий контекст, и, как предполагалось, я бы сказал, потому что DOM не закончил строительство.

По пути решения и объяснения вы можете acheieve то, что вы пытаетесь сделать так:

HTML:

<input type="text" class="login" id="username" value="USERNAME"/> 

Тогда в вашем JavaScript вы можете указать и установить обработчики событий:

JAVASCRIPT:

 //get the element... 
    var txtUsrNm = document.getElementById('username'); 

    //specify the event handler for focus 
    txtUsrNm.onfocus = function(){ 
     this.value = ""; 
     this.style.color = "#000"; 
    } 

//specify the event handler for blur 
    txtUsrNm.onblur = function(){ 
     this.style.color = "#f00"; 
    } 

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