---
title: EventListener
slug: Web/API/EventListener
translation_of: Web/API/EventListener
---
<p>{{APIRef("DOM Events")}}</p>

<h2 id="Method_overview" name="Method_overview">Información General del Método</h2>

<table class="standard-table">
 <tbody>
  <tr>
   <td><code>void <a href="#handleEvent()">handleEvent</a>(in Event event);</code></td>
  </tr>
 </tbody>
</table>

<h2 id="Methods" name="Methods">Metodos</h2>

<h3 id="handleEvent()" name="handleEvent()">handleEvent()</h3>

<p>Este metodo es llamado cuando un evento ocurre del tipo para el cual la interfaz <code>EventListener</code> fue registrada.</p>

<pre class="eval">void handleEvent(
  in Event event
);
</pre>

<h5 id="Parameters" name="Parameters">Parametros</h5>

<dl>
 <dt><code>event</code></dt>
 <dd>El DOM {{ domxref("Event") }} a registrar.</dd>
</dl>

<h3 id="Remarks" name="Remarks">Observaciones</h3>

<p>Como la interfaz es marcada con la bandera <code><span class="nowiki">[function],todas los objetos </span></code><a href="/en/JavaScript/Reference/Global_Objects/Function" title="en/Core_JavaScript_1.5_Reference/Global_Objects/Function">Function</a>  de javascript automaticamente implementan esta interfaz. Llamando el método {{manch("handleEvent") }} en tales implementaciones automaticamente invocan la funcion.</p>

<h2 id="See_also" name="See_also">Mira también</h2>

<ul>
 <li>{{ spec("http://www.w3.org/TR/DOM-Level-2-Events/events.html#Events-EventListener","Document Object Model Events: EventListener","REC") }}</li>
</ul>