Estou com um problema devido às diferenças impostas pelos navegadores.
Fiz um exemplo com um simples HTML e um formulário, onde um dos campos possui tratamente dos eventos (onBlur, onFocus, etc). O IE (6.0.2900.2180 SP2) e o Firefox (2.0.0.9) se comportam de maneira diferente.
O teste ocorreu da seguinte maneira nos dois navegadores, com a execução dos respectivos eventos:
1) Foco no campo Name
2) TAB mudando foco para campo Age (onFocus, onKeyUp - ambos navegadores)
3) TAB mudando foco para campo E-mail (onKeyDown, onBlur - IE / onKeyDown, onKeyPress, onBlur - FF)
4) Click com o mouse sobre o campo Age (onFocus - ambos)
5) Click com o mouse fora do campo Age (onBlur - ambos)
Por conta do Firefox (FF) executar o onKeyPress a mais, quando o IE não executa, me causa um problema, por causa da ação que executo (javascript) no onKeyPress.
O código HTML é este:
<html>
<head>
<title>Testing Firefox Bug</title>
<script language="JavaScript">
function show(msg) {
document.forms[0].log.value += msg + '\n';
}
</script>
</head>
<body>
<form name="frm" method="post" action="">
Name: <input type="text" name="name" id="name" > <br>
Age: <input type="text" name="age" id="age" onFocus="show('onFocus');" onBlur="show('onBlur');" onChange="show('onChange');" onKeyUp="show('onKeyUp');" onKeyDown="show('onKeyDown');" onKeyPress="show('onKeyPress');" > <br>
E-mail: <input type="text" name="email" id="email"> <br>
<input type="submit" name="OK" value="OK" id="ok"> <input type="reset" name="Cancel" value="Cancel" id="cancel">
<br><br>
<textarea name="log" id="log" rows="25" size="30"></textarea>
</form>
</body>
</html>
As imagens mostram o comportamento diferente nos dois navegadores.
Essa falta de padrão irrita!
