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

Question

In IE9, this code does not change the size of button as intended... 在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

well there was this style attribute missing in your code. 好吧，你的代码中缺少这个样式属性。 try replacing this 试着替换这个

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

this worked with me 这对我有用

Answer 2

Your code does not work not only in IE9 but, for example, in FF13 and Chrome19. 您的代码不仅在IE9中有效，而且在FF13和Chrome19中也不起作用。 To workaround this problem, you can try to replace your m1() and m2() functions as: 要解决此问题，您可以尝试将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