尝试在悬停和加载启动页面时进行一些非常基本的类操作.不知道为什么它不起作用 – 然后再说,从来没有写过香草.
基本DOM：
<body>
<article>
<p>test</p>
</article>
</body>
JavaScript的：
var bod = document.getElementsByTagName('body')[0],
article = document.getElementsByTagName('article')[0];
article.onMouseOver = function(){
bod.classList.add('focus');
}
article.onMouseOut = function(){
bod.classList.remove('focus');
}
window.onLoad = function(){
bod.classList.remove('loading');
}
解决方法:
使用小写处理程序：
article.onmouseover
但一般来说,最好使用addEventListner方法.
.onevent方法只允许一个处理程序,它也快速而脏.然而它会弄乱代码和html,在某些情况下你甚至可能会从运行中删除一些其他重要的代码,这就是为什么addEventListener更好,因为它链,你可以让多个处理程序监听一个事件,这是正确的形成.
以下是另一个*用户关于确切差异的精彩答案(但我在上面的段落中总结了很多)
AddEventListener vs element.onevent
这是使用适当的事件处理的固定小提琴：
http://jsfiddle.net/hXjFz/1/