js表格高亮显示.hover

JavaScript027

js表格高亮显示.hover,第1张

这是表格高亮显示功能。

hover一个模仿悬停事件。鼠标移动到一个对象上面及移出这个对象。的方法。这是一个自定义的方法,它为频繁使用的任务提供了一种保持在其中的状态。当鼠标移动到一个匹配的元素上面时,会触发指定的第一个函数。当鼠标移出这个元素时,会触发指定的第二个函数。而且,会伴随着对鼠标是否仍然处在特定元素中的检测,如果是,则会继续保持悬停状态,而不触发移出事件。

第一种各行换色,第二种鼠标移动到对应行,高亮显示。

一般都用jQuery写:简单方便。

$(selector).hover(handlerInOut)

等同于:$(

selector

).on(

"

mouseover

mouseout",

handlerInOut

)

就可以触发鼠标放上去的事件。

不可以。hover 并不是一个DOM 事件,而是一个CSS伪类。

JS可以触发 mouseover 但是不能触发 hover

document.getElementById( 'link' ).dispatchEvent( new Event( 'mouseover' ) )

但是可以通过class的方式,比如CSS里面这样写:

a:hover, a.hover {

    color : red

}

这样在JS里面可以通过添加class .hover 来实现你说的功能。