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

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 个解决方案

解决方案1
1 已采纳 2012-05-28 09:40:44

解决方案2
1 2012-05-28 09:42:18

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

问题描述

2 个解决方案

解决方案1 1 已采纳 2012-05-28 09:40:44

解决方案2 1 2012-05-28 09:42:18

解决方案1
1 已采纳 2012-05-28 09:40:44

解决方案2
1 2012-05-28 09:42:18