Comparar revisões

elemento.addEventListener

Revisão 334823:

Revisão 334823 por guipremonsa em

Revisão 334843:

Revisão 334843 por guipremonsa em

Título:
elemento.addEventListener
elemento.addEventListener
Slug:
DOM/element.addEventListener
DOM/element.addEventListener
Conteúdo:

Revisão 334823
Revisão 334843
n279// Case 1n279// Caso 1
n281  els[i].addEventListener("click", function(e){/*do something*/},n281  els[i].addEventListener("click", function(e){/*fazer algo*/}, f
> false});>alse});
n284// Case 2n284// Caso 2
285function processEvent(e){285function processarEvento(e){
286  /*do something*/286  /*fazer algo*/
n290  els[i].addEventListener("click", processEvent, false});n290  els[i].addEventListener("click", processarEvento, false});
n295      In the first case, a new (anonymous) function is created atn295      No primeiro caso, uma nova função (anônima) é criada em cad
> each loop turn. In the second case, the same previously declared>a turno do loop. No segundo caso, a mesma função previamente decl
> function is used as an event handler. This results in smaller me>arada é usada como um manipulador de evento. Isso resulta em um c
>mory consumption. Moreover, in the first case, since no reference>onsumo menor de memória. Além do mais, no primeiro caso, já que n
> to the anonymous functions is kept, it is not possible to call <>enhuma referência à função anônima é mantida, não é possível cham
>code><a href="/en-US/docs/DOM/element.removeEventListener" title=>ar&nbsp;<code><a href="/en-US/docs/DOM/element.removeEventListene
>"DOM/element.removeEventListener">element.removeEventListener</a>>r" title="DOM/element.removeEventListener">element.removeEventLis
></code> because we do not have a reference to the handler, while >tener</a></code>&nbsp;porque não há uma referência ao manipulador
>in the second case, it's possible to do <code>myElement.removeEve>, enquanto no segundo caso é possível fazer&nbsp;<code>myElement.
>ntListener("click", processEvent, false)</code>.>removeEventListener("click", processEvent, false)</code>.
n298      Browser compatibilityn298      Compatiblidade de navegadores
n308              Featuren308              Característica
n328              Basic supportn328              Suporte básico
n348              <code>useCapture</code> made optionaln348              <code>usarCaptura</code>&nbsp;é opcional
n374              Featuren374              Característica
n394              Basic supportn394              Suporte básico
n416      Gecko notesn416      Notas Gecko
n419      <li>Prior to Firefox 6, the browser would throw if the <codn419      <li>Antes do Firefox 6, o navegador daria um erro se o parâ
>e>useCapture</code> parameter was not explicitly <code>false</cod>metro&nbsp;<code>usarCaptura</code>&nbsp;não fosse especificado&n
>e>. Prior to Gecko 9.0 {{ geckoRelease("9.0") }}, <code>addEventL>bsp;<code>false</code>. Antes do Gecko 9.0 {{ geckoRelease("9.0")
>istener()</code> would throw an exception if the <code>listener</> }}, <code>addEventListener()</code> daria um erro se o parâmetro
>code> parameter was <code>null</code>; now the method returns wit>&nbsp;<code>escuta</code> fosse&nbsp;<code>null</code>; agora o m
>hout error, but without doing anything.>étodo retorna sem erros, mas também sem fazer nada.
n423      WebKit notesn423      Notas Webkit
n426      <li>Although WebKit has explicitly added <code>[optional]</n426      <li>Apesar do WebKit ter explicitamente adicionado&nbsp;<co
>code> to the <code>useCapture</code> parameter <a class="external>de>[optional]</code> ao parâmetro&nbsp;<code>usarCaptura&nbsp;</c
>" href="http://trac.webkit.org/changeset/89781">as recently as Ju>ode><a class="external" href="http://trac.webkit.org/changeset/89
>ne 2011</a>, it had been working before the change. The new chang>781">como recentemente anunciado em Junho de 2011</a>, já funcion
>e landed in Safari 5.1 and Chrome 13.>ava antes do anúncio da mudança. Ela foi anunciada no Safari 5.1 
 >e no Chrome 13.
n430      See Alson430      Veja também
n434        <a href="/en-US/docs/DOM/element.removeEventListener" titn434        <a href="/en-US/docs/DOM/element.removeEventListener" tit
>le="DOM/element.removeEventListener">element.removeEventListener(>le="DOM/element.removeEventListener">elemento.removeEventListener
>)</a>>()</a>
435      </li>
436      <li>435      </li>
437        <a href="/en-US/docs/DOM/Creating_and_triggering_events" 
>title="DOM/Creating_and_triggering_custom_events">Creating and tr 
>iggering custom events</a> 
438      </li>436      <li>
437        <a href="/en-US/docs/DOM/Creating_and_triggering_events" 
 >title="DOM/Creating_and_triggering_custom_events">Criando e dispa
 >rando eventos customizáveis</a>
439      <li>438      </li>
439      <li>
440        <a class="external" href="http://www.quirksmode.org/js/th440        <a class="external" href="http://www.quirksmode.org/js/th
>is.html" title="http://www.quirksmode.org/js/this.html">More deta>is.html" title="http://www.quirksmode.org/js/this.html">Mais deta
>ils on the use of <code>this</code> in event handlers</a>>lhes no uso de&nbsp;<code>this</code> nos manipuladores de evento
 >s</a>
n444      Specificationn444      Especificação
t448        <a class="external" href="http://www.w3.org/TR/DOM-Level-t448        <a class="external" href="http://www.w3.org/TR/DOM-Level-
>2-Events/events.html#Events-EventTarget-addEventListener" title=">2-Events/events.html#Events-EventTarget-addEventListener" title="
>http://www.w3.org/TR/DOM-Level-2-Events/events.html#Events-EventT>http://www.w3.org/TR/DOM-Level-2-Events/events.html#Events-EventT
>arget-addEventListener">DOM Level 2 Events: EventTarget.addEventL>arget-addEventListener">Eventos DOM Nível 2: EventTarget.addEvent
>istener</a>>Listener</a>
449      </li>
450      <li>449      </li>
450      <li>
451        <a class="external" href="http://dev.w3.org/2006/webapi/D451        <a class="external" href="http://dev.w3.org/2006/webapi/D
>OM-Level-3-Events/html/DOM3-Events.html#events-EventTarget-addEve>OM-Level-3-Events/html/DOM3-Events.html#events-EventTarget-addEve
>ntListener" title="http://dev.w3.org/2006/webapi/DOM-Level-3-Even>ntListener" title="http://dev.w3.org/2006/webapi/DOM-Level-3-Even
>ts/html/DOM3-Events.html#events-EventTarget-addEventListener">DOM>ts/html/DOM3-Events.html#events-EventTarget-addEventListener">Eve
> Level 3 Events: EventTarget.addEventListener</a>>ntos DOM Nível 3: EventTarget.addEventListener</a>

Voltar ao histórico