JavaScript框架hover事件处理
每个JavaScript框架都实现跨浏览器的事件处理，鼓励你摆脱旧式的内联附加事件而使用精简的线性方法。看看清单6的jQuery例子，使用hover事件高亮显示div元素。
清单6：使用jQuery附加hover事件
$('#the-box').hover(function() {
$(this).addClass('highlight');
}, function() {
$(this).removeClass('highlight');
});
这是jQuery的一个特殊事件，你会发现它提供了两个函数。第一个在onMouseOver事件触发时调用，第二个函数在onMouseOut事件触发时调用。这是因为hover没有标准的DOM事件。让我们看看更为典型的事件，如click（瞧瞧清单7）：
清单7：使用jQuery附加click事件
$('#the-button').click(function() {
alert('You pushed the button!');
});
正...[ 查看全文 ]
2016-02-20
标签:
