JavaScript无法在Internet Explorer中运行

Question

我目前正在网页上设置用户名/密码输入的样式。 它们在Firefox / Safari中按预期工作，但是Internet Explorer引发以下错误：

行：7，字符：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对象，而不只是传递id。

我希望这有帮助！

Answer 2

您可能需要通过alert InputID的值来添加完整性检查。 您的html有一个问题（ "id=而不是id= ），但这可能只是快速复制/粘贴的结果。

另外：我注意到您正在传递id属性的值，然后查找该元素，而不是直接传递对该元素的引用。

Answer 3

我认为这

<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 4

您正在使用哪个版本的IE？

我期望的问题是，当您指定onfocus =“ InputFocused（this.id）”时，我不确定IE知道它的当前上下文是什么，并且我猜想是因为DOM尚未完成正在建设。

通过解决方案和解释，您可以实现以下目的：

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";
    }

由于我不完全了解您要使用的默认值，因此省略了您的DefaultValue位。 我还没有测试过代码，如果无法正常工作，我们感到抱歉。 您可以通过包装函数等来改善所有功能，但这可能与主题无关。