∞ Gestão de Eventos ∞

Eventos são acontecimentos ocorridos quando existe uma qualquer acção do utilizador sobre uma página Web, tais como, pressionar um botão de um formulário, efectuar um clique com o rato sobre um elemento de texto, carregar uma página, etc...

O JavaScript detecta e interpreta os diversos tipos de eventos, sendo tarefa do programador a construção das funções de código correspondentes a cada uma das situações, funções gestoras de evento.

A lista a seguir apresentada mostra uma lista dos eventos disponíveis no JavaScript.

Chama-se a atenção para o facto de que esta lista considera eventos que não estavam disponíveis em várias versões antigas de browsers e de JavaScript, pelo que deverá sempre testar os seus programas nas versões de browser que estiver a tornar como objectivo.

abort
     Ocorre quando o carregamento do objecto é abortado.

blur
     Ocorre quando o foco é retirado do elemento.

change
     Ocorre quando o valor dum elemento do formulário é mudado pelo utilizador.

click
     Ocorre quando existe um clique de rato sobre um elemento do formulário.

dblclick
     Ocorre quando existe um duplo clique de rato sobre um elemento.

error
     Ocorre quando há erro no carregamento do objecto.

focus
     Ocorre quando o foco de entrada de dados é atribuído a um elemento.

keydown
     Ocorre quando uma tecla é pressionada.

keypress
     Ocorre quando uma tecla é pressionada e largada.

keyup
     Ocorre quando uma tecla é largada.

load
     Ocorre quando uma página é carregada no browser.

mousedown
     Ocorre quando o botão do rato é pressionado.

mouseout
     Ocorre quando o rato é afastado do objecto.

mouseover
     Ocorre quando o cursor do rato é movido sobre um elemento.

resize
     Ocorre quando o objecto é modificado no seu tamanho.

select
     Ocorre quando o utilizador selecciona um elemento.

submit
     Ocorre quando o utilizador submete o formulário com o botão submit.

unload
     Ocorre quando a página é abandonada pelo utilizador.

Acerca do foco, uma aplicação de entrada de dados tem normalmente apenas uma zona seleccionada para entrada dos dados, num determinado instante. No caso dos formulários, cada elemento que os constitui pode, em cada instante, estar ou não com o foco de entrada, isto é, está acessível ou não para entrada de dados.

Para atrair o foco para um determinado elemento de um formulário, basta um clique de rato sobre o elemento em causa, e para o retirar basta um clique numa zona fora do formulário.

Funções Gestoras de Evento

Para o JavaScript efectuar alguma acção útil com os eventos, tem que existir associada a cada elemento, e a cada tipo de evento, uma função gestora de evento, event handler. Basicamente, esta é uma função normal, mas que só é executada quando o evento a que ela estiver associada ocorrer no elemento correspodente.

Uma função gestora de evento pode ser definida para um elemento HTML, não só para elementos de formulários, utilizando para tal a seguinte sintaxe:

<elemento Tipo_de_Gestor_Evento = "Função JavaScript">

Exemplos de utilização de funções gestoras de eventos já foram apresentados, consistindo em instruções do tipo:

<input type = "button" onClick = "carregar(this.form)" >
   <form ... onSubmit = "submete(document.form)">

O tipo_de_Gestor_Evento consiste, no tipo de função gestora de evento a utilizar, associada ao elemento em causa. Este tipo de função está ligado de forma directa ao tipo de evento que se pretende interpretar, o tipo de gestor onClick está associado directamente ao evento click.

Para um conjunto de objectos HTML que podem ter eventos associados, tem a seguinte lista de tipos de gestores de evento que podem ser empregues.

Elemento
     Gestor de Evento
          Evento

Area
     onmouseover
          mouseover
     onmouseout
          mouseout
     ondblclick
          dblclick

Body
     onclick
          click
     ondblclick
          dblclick
     onkeydown
          keydown
     onkeyup
          keyup
     onkeypress
          keypress
     onmousedown
          mousedown
     onmouseup
          mouseup

Button
     onblur
          blur
     onclick
          click
     onfocus
          focus
     onmousedown
          mousedown
     onmouseup
          mouseup

Checkbox
Radio
Submit
Reset
     onblur
          blur
     onclick
          click
     onfocus
          focus

Document
     onclick
          click
     ondblclick
          dblclick
     onkeydown
          keydown
     onkeypress
          keypress
     onkeyup
          keyup
     onmousedown
          mousedown
     onmouseup
          mouseup

File Upload
     onblur
          blur
     onchange
          change
     onfocus
          focus

Form
     onreset
          reset
     onsubmit
          subrnit

Img
     onabort
          abort
     onerror
          error
     onkeydown
          keydown
     onkeypress
          keypress
     onkeyup
          keyup
     onload
          load

Link
     onclick
          click
     ondblclick
          dblclick
     onkeydown
          keydown
     onkeypress
          keypress
     onkeyup
          keyup
     onmousedown
          mousedown
     onmouseout
          mouseout
     onmouseover
          mouseover
     onmouseup
          mouseup

 

     Página 1   Página 2   Página 3