JavaScript事件焦点浏览器不显示

Question

事件焦点

var name = document.getElementById("username"); 

name.onblur=function () {
                    alert("元素失去焦点！");
                };

上面这种浏览器不显示

下面这种浏览器显示，为何第一种就不显示，有什么区别吗？
document.getElementById("username").onblur=function () {
                    alert("元素失去焦点！");
                };

Answer 1

name是Window的一个属性，你给它赋值会自动toString

https://developer.mozilla.org/en-US/docs/Web/API/Window/name

你用的是var，可以改用const或let或换个变量名

https://developer.mozilla.org/zh-cn/docs/web/javascript/reference/statements/const