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

删除一个事件

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

参考代码： 

// 和前一个示例一样
// 只不过把.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>