网络编程
位置:首页>> 网络编程>> JavaScript>> Mootools 1.2教程(5)——事件处理(2)

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

作者:Fdream 来源:Fdream博客 发布时间:2008-11-19 16:33:00 

标签:Mootools,1.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);
});

0
投稿

猜你喜欢

手机版 网络编程 asp之家 www.aspxhome.com