像选择器一样，事件处理也是MooTools的基本概念。此概念用于创建事件和事件的动作。我们还需要掌握这些行为及其效果。让我们尝试本章中的一些事件。

左键单击

Web开发中最常见的事件是单击鼠标左键。例如，超链接识别一次单击事件，并带您到另一个DOM元素。第一步是向DOM元素添加click事件。让我们以向按钮添加click事件为例。当您单击该按钮时，它将显示一条消息。

例

您将收到以下输出-

输出

当您单击按钮时，您将收到以下消息：

This button element recognizes the click event

鼠标进入和鼠标离开

鼠标进入和鼠标离开是事件处理中最常见的事件。根据鼠标的位置应用该操作。如果鼠标的位置是DOM元素中的ENTER，则它将应用一项操作。如果它离开DOM元素区域，那么它将应用另一个操作。

让我们以说明鼠标Enter事件如何工作的示例为例。看一下下面的代码。

例

您将收到以下输出-

输出

如果将鼠标指针保持在按钮上，则会收到以下消息。

Recognizes the mouse enter event

让我们以说明鼠标离开事件如何工作的示例为例。看一下下面的代码。

例

您将收到以下输出-

输出

如果将鼠标指针保持在按钮上，则会收到以下消息。

Recognizes the mouse leave event

删除活动

此方法用于删除事件。删除事件就像添加事件一样容易，并且遵循相同的结构。看一下下面的语法。

句法

//works just like the previous examplesuse .removeEvent method
$('id_name').removeEvent('mouseleave', mouseLeaveFunction);

按键作为输入

MooTools可以识别您的操作，即您通过DOM元素提供的输入类型。通过使用keydown函数，您可以从输入类型DOM元素中读取每个键。

让我们举一个例子，其中有一个文本区域元素。现在，让我们向文本区域添加一个keydown事件，只要该文本区域识别出任何密钥库，它将立即以警报消息响应。看一下下面的代码。

例

      
      
      
   
   
   
      Write Something:  
   
   

您将收到以下输出-

输出

尝试在文本区域中输入内容。您会发现一个警告框以及以下消息。

This textarea can now recognize keystroke value

尝试在同一示例中添加一些文本，该示例在您输入文本区域时会从文本区域读取值。通过将event.key函数与事件一起使用是可能的。看一下下面的代码。

例

      
      
      
   
   
   
      Write Something: 

       
   
   

您将收到以下输出-

输出

尝试在文本区域中输入文本。您将被引导到一个警告框，以及在文本区域中输入的值。