对Javaｓｃｒｉｐｔ中三种事件监控方法的深入分析

事件（事件）是javaｓｃｒｉｐｔ应用程序的心脏跳动，是将所有东西粘合在一起的胶水。当我们在浏览器中与某些类型的网页交互时，事件就会发生。

第一种监听方法是最常用的方法，就是直接在代码上加载事件并产生效果。



text1text2
text3text4
text5text5



第二种监听方式是使用DOM获取对象，并加载事件：



text1text2
text3text4
text5text5


延迟性肌肉酸痛= document.getelementsbytagname（TR'）；
为（i = 0；i < doms.length；i++）
{
DOMS {我} onmouseover =函数（）。
{
this.style.backgroundcolor =红色；
}
DOMS {我} onmouseout=（）函数。
{
this.style.backgroundcolor = ；
}
}



监控的第三个方法是使用标准模式，即私人attachevent addEventListener方式，因为IE的attachevent方式参数传递是有缺陷的，这是稍微复杂的。



text1text2
text3text4
text5text5


延迟性肌肉酸痛= document.getelementsbytagname（TR'）；
功能show_color（哪里）
{
this.tagname =：空
where.style.backgroundcolor =红色；
}
功能hide_color（哪里）
{
this.tagname =：空
where.style.backgroundcolor = ；
}
功能for_ie（哪里，怎么）
{
返回函数（）
{
如何（在哪里）；
}
}
为（i = 0；i < doms.length；i++）
{
尝试
{
DOMS {我}。addEventListener（'mouseover '，show_color，假）；
DOMS {我}。addEventListener（'mouseout '，hide_color，假）；
}
捕捉（e）
{
DOMS {我}。attachevent（'onmouseover '，for_ie（DOMS {我}，show_color））；
DOMS {我}。attachevent（'onmouseout '，for_ie（DOMS {我}，hide_color））；
}
}



在绑定多个相同事件时，前两个方法将生成覆盖，而第三个中文规则将同时执行多个事件。