Javascript通过事件代理高亮显示表行的方式 浏览:28

本文演示了Javascript使用事件代理突出显示表行的方式:






突出显示的行

表{
背景颜色:浅绿色;
}
{ #第三
背景颜色:黄色;
}



<!——演示事件代表团突出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(窗口、载荷、初始化);







希望本文能对大家的javascript程序设计有所帮助。
推荐文章1
广告