Javaｓｃｒｉｐｔ通过事件代理高亮显示表行的方式

本文演示了Javaｓｃｒｉｐｔ使用事件代理突出显示表行的方式：






突出显示的行

表{
背景颜色：浅绿色；
}
{ #第三
背景颜色：黄色；
}



<！——演示事件代表团突出table'rows
在鼠标悬停。
可以通过委托传递参数。
我的网站：andrew.dx.am -->

只是一个..没有另一个
二..没有另一个
第三..没有另一个
第四是为了运气。没有另一个


VaR AddEvent =功能（元素、事件类型、函数）{
如果（元素。addEventListener）
AddEvent =功能（元素、事件类型、函数）{
elem.addeventlistener（事件类型、功能、假）；
}；
如果（元素。attachevent）
AddEvent =功能（元素、事件类型、函数）{
elem.attachevent（开+事件类型、功能）；
}；
AddEvent（元素、事件类型、功能）；
}；
无功delegateevent =功能（元素，childelems，事件类型，功能，args）{
AddEvent（元素、事件类型、函数（e）{）
VaR EVT = e window.event | |；
var elem = evt.target evt.srcelement | |；
如果（元素。它们。toLowerCase）（childelems。toLowerCase）（= =）{
Func（元，args）；
}
}）；
}；
功能highlightrows（obj，args）{
如果（args参数。以上）{
obj.prevcolour = obj.parentnode.style.backgroundcolor；
obj.parentnode.style.backgroundcolor = args.colour；
如果（args.index = =obj。标题）
obj.title =行+ obj.parentnode.rowindex；
{人}
obj.parentnode.style.backgroundcolor = ；
如果（obj.title.indexof（行）+ 1）
obj.title = ；
}
}
函数init（）{
delegateevent（document.getelementbyid（'thetable），'td '，'mouseover，
highlightrows，{ 'colour：'lightblue '过度'：真，
索引：真}；
delegateevent（document.getelementbyid（'thetable），'td '，'mouseout，
highlightrows，{过度：假}）；
}
AddEvent（窗口、载荷、初始化）；







希望本文能对大家的javaｓｃｒｉｐｔ程序设计有所帮助。