Mootools 1.2教程(5)——事件处理（2）

鼠标进入和离开事件

当鼠标停留在一个链接元素上时，超级链接还识别“hover”事件。通过MooTools，你可以给其他的DOM元素也添加一个悬停事件。通过把这个事件分为鼠标进入和鼠标离开事件，你可以更加灵活地根据用户的行为来操控DOM。

和以前一样，我们要做的第一件事就是把一个事件附加到一个元素：

参考代码： 

var mouseEnterFunction = function(){
    // 在这里添加事件发生时你要执行的任何代码
    alert('this element now recognizes the mouse enter event');
}

window.addEvent('domready', function() {
    $('id_name').addEvent('mouseenter', mouseEnterFunction);
});

鼠标离开事件也是同样的，这个事件在鼠标指针离开一个元素时发生。

参考代码： 

var mouseLeaveFunction = function(){
    // 在这里添加事件发生时你要执行的任何代码
    alert('this element now recognizes the mouse leave event');
}

window.addEvent('domready', function() {
   $('id_name').addEvent('mouseleave', mouseLeaveFunction);
});