2012-05-28 7 views
0

En IE9, ce code ne change pas la taille du bouton comme prévu ...HTML/DOM: Souris-événements ne fonctionne pas

<html><head> 
<script language="JavaScript"> 
    function fun1() 
    { 
     alert("clicked"); 
     document.form1.chk1.disabled=true; 
    } 
    function m1() 
     { 
      document.form1.chk1.width=60; 
     } 
    function m2() 
     { 
      document.form1.chk1.width=40; 
     } 
</script> 
</head><body> 
<form name="form1"><!-- creating radio button group --> 
    <input type="button" name="chk1" value="red" onClick="fun1()" 
    onMouseOver="m1()" onMouseOut="m2()"> 
</form> 
</body></html> 

Répondre

1

bien il y avait cet attribut de style manquant dans votre code. essayez de remplacer ce

document.form1.chk1.style.width="60%"; 

cela a fonctionné avec moi

1

Votre code ne fonctionne pas non seulement dans IE9 mais, par exemple, dans FF13 et Chrome19. Pour contourner ce problème, vous pouvez essayer de remplacer vos fonctions m1() et m2() comme:

function m1() 
{ 
    document.form1.chk1.style.width=60+"px"; 
} 
function m2() 
{ 
    document.form1.chk1.style.width=40+"px"; 
}​