Javascript 输入密码时打开caps lock时发出的警告消息无效，并且初始刻度仅在google chrome中无法识别

我正在使用JavaScript函数检查caps lock是否打开，在控制台窗口中，我得到“UncaughtTypeError:无法读取null的属性'addEventListener' 在login.js:41“

在google chrome的控制台窗口中，我也得到了一个错误 未识别并忽略键“初始刻度”

我试图寻找这个问题的原因，我看到有人说这可能是因为该函数是在DOM运行之前执行的，所以我尝试在函数之前添加window.onload，但它没有解决这个问题

//存储管理员数据的对象数组
var usersObj=[
{
用户名：“卡里姆”，
密码：“karim2019”
},
{    
用户名：“nourhan”，
密码：“noura2019”
},
{
用户名：“nariman”，
密码：“nariman2019”
}
]
//函数验证登录信息并继续下一页
函数getLoginInfo（）
{
var username=document.getElementById（“用户名”）.value；
var password=document.getElementById（“密码”）.value；
对于（i=0；i
.row{
利润率最高：5%；
}
/*带边框形式*/
形式{
利润率最高：20%；
}
/*全宽输入*/
输入[类型=文本]，输入[类型=密码]{
宽度：100%；
填充：1%2%；
利润率：1%；
显示：内联块；
边框：1px纯黑；
框大小：边框框；
}
p{
显示：无；
}
/*为所有按钮设置样式*/
钮扣{
背景色：#4CAF50；
颜色：白色；
填充：1%2%；
利润率：1%；
边界：无；
光标：指针；
宽度：100%；
}
/*为按钮添加悬停效果*/
按钮：悬停{
不透明度：0.8；
}
/*在容器中添加填充物*/
.集装箱{
填充：1.5%；
}
/*“忘记密码”文本*/
span.psw{
浮动：对；
垫面：1.5%；
}

帐户登录

用户名
密码
警告！帽子锁打开了

记得我吗
登录
我已通过将eventlistener包装在窗口加载时运行的函数中修复了该问题


//存储管理员数据的对象数组
var usersObj=[
{
用户名：“卡里姆”，
密码：“karim2019”
},
{    
用户名：“nourhan”，
密码：“noura2019”
},
{
用户名：“nariman”，
密码：“nariman2019”
}
]
//函数验证登录信息并继续下一页
函数getLoginInfo（）
{
var username=document.getElementById（“用户名”）.value；
var password=document.getElementById（“密码”）.value；
对于（i=0；i