Eventos JavaScript Multi-plataforma

Márcio d'Ávila, 18 de fevereiro de 2004. Revis�o 1, 11 de junho de 2004.
Categoria: Internet: Cliente: JavaScript

Monitor de Eventos


Eventos
        
        
        
Evento Corrente

Modificadores:         
Evento Anterior 1

Modificadores:         
Evento Anterior 2

Modificadores:         
 

CrossEvent

Para monitorar os eventos, criamos e utilizamos uma classe chamada CrossEvent, com a fun��o de tratar diferen�as entre as propriedades de eventos existentes nos navegadores web. CrossEvent prov� propriedades "normalizadas", que se apresentam de forma similar nos diversos navegadores, plataformas e vers�es.

Propriedade Descri��o
type Tipo do evento
target Elemento alvo gerador do evento
charCode C�digo num�rico do caractere digitado
keyCode C�digo num�rico da tecla pressionada
button C�digo num�rico do bot�o de mouse pressionado (2 = direito)
altKey
ctrlKey
shiftKey
metaKey
Valor l�gico que indica se Alt, Control, Shift e Meta, respectivamente, foram pressionados
screenX
screenY
Coordenadas X e Y do mouse na tela
originalEvent Evento original gerado pelo navegador

O objeto evento da classe CrossEvent deve ser instanciado a partir do evento original gerado pelo navegador. Para obt�-lo de forma segura e compat�vel, a propriedade padr�o event deve ser passada como par�metro no momento em que o evento � capturado, em uma propriedade HTML onevento (onde evento � o tipo do evento desejado). Al�m disso, m�todos que tratam um evento devem sempre retornar true ou false e este valor deve ser retornado tamb�m na chamada do evento na tag: onevento="return m�todo(event)". Dessa forma, o retorno do m�todo informa se o navegador pode ou n�o executar tamb�m a a��o padr�o para tratamento do evento, quando houver. Para um exemplo completo, veja o c�digo fonte para o Monitor de Eventos nesta p�gina.

<input ... onevento="return doEvent(event)" />

<script type="text/javascript">
function doEvent(pEvent)
{
	var evt = new CrossEvent(pEvent);
	...
	return true; // ou false, conforme desejado
}
</script>

Uma discuss�o detalhada sobre o tratamento das propriedades de eventos nos diversos navegadores web pode ser encontrada na p�gina Event properties, do site QuirksMode.


Firefox - A web de volta
Creative Commons License

© 2003-2020, M�rcio d'�vila, mhavila.com.br, direitos reservados. O texto e c�digo-fonte apresentados podem ser referenciados, distribu�dos e utilizados, desde que expressamente citada esta fonte e o cr�dito do(s) autor(es). A informa��o aqui apresentada, apesar de todo o esfor�o para garantir sua precis�o e corre��o, � oferecida "como est�", sem quaisquer garantias expl�citas ou impl�citas decorrentes de sua utiliza��o ou suas conseq��ncias diretas e indiretas.