Question

在IE9中，此代码不会按预期更改按钮的大小...

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

Answer 1

你的代码中缺少这个样式属性。尝试替换此

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

这对我有用

Answer 2

您的代码不仅在IE9中不起作用，例如在FF13和Chrome19中也不起作用。要解决此问题，您可以尝试将m1()和m2()函数替换为：

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

HTML / DOM：鼠标事件不起作用

2 个答案: