onchange na radiobutton nie działa poprawnie w IE8
Jestem zmuszony do pracy z IE8 (8.0.7601.17514) i mam tę prostą stronę:
<code><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd" >
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
</head>
<body>
<form action=".">
<input type="radio" name="rad" value="1" onchange="alert(1);"/>
<input type="radio" name="rad" value="0" onchange="alert(0);" checked="checked"/>
</form>
<a href="http://google.com">some dummy link</a>
</body>
</html>
</code>Spodziewam się, że po wybraniu drugiego przycisku radiowego kliknięcie pierwszego spowoduje natychmiastowe podniesienie alarmu. To działa dobrze w FF.
W rzeczywistości, gdy klikam pierwsze radio, nic się nie dzieje. Następnie, gdy element jest rozmazany (np. Klikam gdzieś indziej, inne radio, jakieś łącze na stronie itp.), WTEDY alarm zostanie podniesiony.
Czy istnieje obejście tego problemu?
EDYTOWAĆ:
najwyraźniej to zachowanie jest dokładnie zgodne zSpecyfikacja W3C
zmiana
Zdarzenie zmiany występuje, gdy formant traci fokus wejściowy, a jego wartość została zmodyfikowana od momentu uzyskania ostrości. To zdarzenie jest poprawne dla INPUT, SELECT i TEXTAREA. element.
(dzięki @ mu-is-too-short).
Obejściem tego jest dodanie rozmycia onclick + fokus:
<code>function radioClick()
{
this.blur();
this.focus();
}
<input type="radio" name="rad" value="1" onclick="radioClick" onchange="alert(1);"/>
</code>