2012-05-28 3 views
0

В IE9, этот код не изменяет размер кнопки, как предполагалось ...HTML/DOM: Mouse-событий не работает

<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> 

ответ

1

хорошо был этот атрибут стиля отсутствует в вашем коде. попробуйте заменить этот

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

это работал со мной

1

Ваш код не работает не только в IE9, но, например, в FF13 и Chrome19. Чтобы обойти эту проблему, вы можете попробовать заменить m1() и m2() функции:

function m1() 
{ 
    document.form1.chk1.style.width=60+"px"; 
} 
function m2() 
{ 
    document.form1.chk1.style.width=40+"px"; 
}​ 
Смежные вопросы