我只是想做一个测试，我习惯于使用 jQuery，但不是使用“普通”javascript，我试图绑定这个事件，但我没有从事件中得到答案，我只是创建了一个链接和一个脚本html代码中的标签，带有：
var li = document.getElementById('first');
li.addEventListener('onMouseover', function(){
警报('ok');
})
你能告诉我它有什么问题吗？我没有看到错误。
谢谢
【问题讨论】：
mouseover，全部小写？
标签： javascript addeventlistener
首先，您需要删除addEventListener() 的“on”部分。其次，事件名称必须全部小写。第三，您缺少第三个参数，它是布尔值，指示是否在捕获阶段而不是冒泡阶段处理事件（如果有疑问，请使用false）。
您需要考虑的另一个问题是 IE addEventListener()，因此您需要使用专有的attachEvent() 方法包含一个特定于IE 的回退。
有了这一切，你的例子就变成了：
var li = document.getElementById('first');
if (typeof li.addEventListener != "undefined") {
li.addEventListener('mouseover', function() {
alert('ok');
}, false);
} else if (typeof li.attachEvent != "undefined") {
li.attachEvent('onmouseover', function() {
alert('ok');
});
}
最简单的跨浏览器解决方案是所谓的DOM0 方法，使用元素的onmouseover 属性。但是，这样做的缺点是每个元素的每个事件只允许一个事件侦听器，因此可能容易被其他代码覆盖。
li.onmouseover = function() {
alert('ok');
};
【讨论】：
li?如果是这样，问题是文档中没有 ID 为 first 的元素。如果存在这样的元素，那么如果您的脚本在该元素出现在文档的 HTML 中之前正在运行，则该元素不会在脚本运行时创建。
window.onload = function() { var lis = document.getElementById('first'); lis.onmouseover = function() { alert('yo'); }; };
您可以将处理函数直接分配给 DOM 中选定元素的onmouseover 属性：
var lis = document.getElementById('first');
lis.onmouseover = function() {
alert('yo');
};
在 jsFiddle 上：http://jsfiddle.net/entropo/YMGAy/
文档：
编辑：
这里也使用addEventListener...
li = document.getElementById('first');
li.addEventListener('mouseover', function(e) {
alert('ok');
}, false);
http://jsfiddle.net/entropo/7FvZ7/
您缺少addEventListener 的最后一个参数（对于useCapture）
【讨论】：
element.addEventListener 文档中有关 IE 的说明。尽可能避免 addEventListener 是最简单的，因为那时您不必担心处理 IE。