网络编程
位置：首页>> 网络编程>> JavaScript>> Mootools 1.2教程(5)——事件处理（3）

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

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

标签：Mootools,1.2,教程,事件,鼠标

删除一个事件

总有一些时候，你一旦不再需要那些事件，于是你需要从一个元素上删除一个事件。删除一个事件和添加一个事件一样容易，甚至连结构都是类似的。

参考代码： 

// 和前一个示例一样
// 只不过把.addEvent换成了.removeEvent
$('id_name').removeEvent('mouseleave', mouseLeaveFunction);

 


textarea或者input中的按键事件

MooTools也可以让你识别文本域（textarea）和文本框（input）中的按键事件。其语法和我们上面看到的类似：

参考代码：


var function = keydownEventFunction () {
    alert('This textarea can now recognize keystroke events');
};

window.addEvent('domready', function() {
    $('myTextarea').addEvent('keydown', keydownEventFunction);
});

上面的代码将会识别任何按键。要针对一个特定的按键，我们需要添加一个参数，然后使用一个if语句：

参考代码： 


// 注意函数括号中的“event”参数
var keyStrokeEvent = function(event){
    // 下面的代码是说：
    // 如果按下的键为“k”，则做下面的事
    if (event.key == "k") {  
    alert("This tutorial has been brought you by the letter k.") 
    };
}

window.addEvent('domready', function() {
    $('myInput').addEvent('keydown', keyStrokeEvent);
});

如果需要其他的控制，比如“shift”键和“control”见，语法略有一点不同：

参考代码： 


var keyStrokeEvent = function(event){
    // 下面代码是说：
    // 如果按下的键是“shift”，则做下面的事
    if (event.shift) { 
    alert("You pressed shift.") 
    };
}

window.addEvent('domready', function() {
    $('myInput').addEvent('keydown', keyStrokeEvent);
});

参考代码：

<div id="body_wrap">
    <input id="myInput" type="text" />
</div>

第一页 上一页 1 2
3
4 下一页
0
投稿

猜你喜欢

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