Question

我有一个javascript文件在我的所有文件中引用。

我一直在尝试将JS添加到两个文件中：index.php和login.php。

以下是我在javascript文件中使用的代码：

function addListeners() {
    document.getElementById('first').addEventListener("focus", change_border);
    document.getElementById('second').addEventListener("focus", change_border);
    document.getElementById('third').addEventListener("focus", change_border);
    document.getElementById('fourth').addEventListener("focus", change_border);
    document.getElementById('fifth').addEventListener("focus", change_border);
}


function change_border() {
    this.style.borderColor = "#37FDFC";
}

}
window.addEventListener("load", addListeners);

上述代码效果很好，并且定位于index.php上的表单。

问题是我从login.php引用Javascript文件并将代码更改为：

function addListeners(){
    document.getElementById('first').addEventListener("focus", change_border);
    document.getElementById('second').addEventListener("focus", change_border);
    document.getElementById('third').addEventListener("focus", change_border);
    document.getElementById('fourth').addEventListener("focus", change_border);
    document.getElementById('fifth').addEventListener("focus", change_border);
    document.getElementById(ID_FROM_LOGIN.PHP).addEventListener("focus", change_border);
    document.getElementById(ID_FROM_LOGIN.PHP).addEventListener("focus", change_border);                
}


function change_border()
{
    this.style.borderColor = "#37FDFC";
}

}
window.addEventListener("load", addListeners);

出于某种原因，当我为login.php添加两个新的侦听器时，唯一有效的代码是index.php的代码，除非我在侦听器的开头添加它们;然后login.php有效且index.php没有。

我问过几个人，没有人可以给我一个适当的回应。

Javascript事件监听器问题

0 个答案: