Javascript 为什么addEventListener不关注输入元素？

我试图让它成为这样，当用户将鼠标悬停在输入元素上时，它会自动聚焦，并且他们可以输入它。它在控制台中没有给我任何错误，但它也不起作用

这是我的密码：

var field1=document.getElementById（“代码”）
const field1hover=函数（）{
字段1.焦点（）
}
field1.addEventListener（“鼠标指针”，field1hover）
var field2=document.getElementById（“编码”）
const field2hover=函数（）{
字段2.焦点（）
}
field2.addEventListener（“鼠标指针”，field2hover）

---

因此，这创造了一种不同的用户界面体验，这肯定不是“正常的”，但我将忽略这一点，并假装您有一个很好的用例。我只想这样做，一个小的重构，这样你就可以稍微清理一下你的代码：

const inputHovered=函数（）{
这个.focus（）
}
var field1=document.getElementById（“代码”）
字段1.addEventListener（“鼠标指针”，未授权）
var field2=document.getElementById（“编码”）
字段2.addEventListener（“鼠标指针”，未授权）

---

因此，这创造了一种不同的用户界面体验，这肯定不是“正常的”，但我将忽略这一点，并假装您有一个很好的用例。我只想这样做，一个小的重构，这样你就可以稍微清理一下你的代码：

const inputHovered=函数（）{
这个.focus（）
}
var field1=document.getElementById（“代码”）
字段1.addEventListener（“鼠标指针”，未授权）
var field2=document.getElementById（“编码”）
字段2.addEventListener（“鼠标指针”，未授权）

这对我来说很奇怪，你的代码工作正常。你的问题是什么？我所做的只是改进我网站的用户体验，这绝对不是一种改进。它会产生各种各样意想不到的行为，因此，从定义上讲，这是一种糟糕的用户体验。我猜问题是，如果用户关注网页之外的元素，如url栏等，那么如何获得关注（如果可能的话）。这对我来说很奇怪，你的代码按预期工作。你的问题是什么？我所做的只是改进我网站的用户体验，这绝对不是一种改进。它会产生各种各样意想不到的行为，因此，从定义上讲，这是一种糟糕的用户体验。我猜问题在于，如果用户关注网页之外的元素，如url栏等，如何获得关注（如果可能的话）。