Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Michelly

Capturar Evento JavaScript

Recommended Posts

Olá pessoal!

 

No meu site, tenho uma função que será chamada em dois eventos no mesmo elemento HTML, porém dependendo do evento da qual ela foi disparada, operações diferentes serão executadas. Assim, gostaria de saber se tem alguma forma de saber de qual evento a função foi disparada e assim realizar as operações necessárias.

 

A função é a seguinte:

 

function change_button(obj) {
if (obj.id != active_button) 
  trocaImagem(this, this.id + '.gif');
}

E ela será disparada nos seguintes eventos do elemento IMG:

 

<img id="notas" onMouseOver="java script: change_button(this)" onMouseOut="java script: change_button(this)" src="notas.gif" />

Na verdade eu poderia acrescer um parâmetro à essa função, como por exemplo uma string, que assumiria os valores "Over" de mouseover ou "Out" de mouseout. Assim eu faria a verificação dentro da função e executaria as operações que quero, mas quero algo mais correto, ou seja, gostaria de saber se via javascript eu consigo saber o evento da qual uma função javascript foi disparada.

 

Mto obrigada!

Compartilhar este post


Link para o post
Compartilhar em outros sites

Acabei de fazer gatinha, acho que vai te ajudar

 

Adaptei para o IE e FF.

 

Ve sse é isso mesmo q você quer!

 

CODE
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>Untitled Document</title>

 

 

<script type="text/javascript">

function funcao(e) {

var emissorevento;

if(!e) var e = (window.event) ? e.which : e.keyCode;

if (e.target) emissorevento = e.target;

else if (e.srcElement) emissorevento = e.srcElement;

 

emissorevento.style.backgroundColor = '#A0AC00';

alert(emissor.id); --aqui vai dar alert em quem foi acionado

}

 

</script>

 

 

</head>

 

<body>

<div id="um" onclick="funcao(event)">UM</div>

<div id="dois" onclick="funcao(event)">DOIS</div>

<div id="tres" onclick="funcao(event)">TRES</div>

</body>

</html>

 

Talvez seja necessário você dar uma adaptada, mas ja tem ae o modo de como capturar o evento!

Compartilhar este post


Link para o post
Compartilhar em outros sites

Olá Eliel!

 

Mto obrigada pela ajuda! Realmente terei de adaptar alguma coisa na função, mas com ela já tenho meio caminho andado! rs...

 

Vlw! Abraço!

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.