0

クリックすると画像が移動し、クリックすると画像がリセットされる別のボタンを作成しようとしています。

なんとなく関数でやったら絵onclickが動いていいのですが、onsubmit関数でやるとうまくいかない。誰でも理由を教えてもらえますか?

これは私のスクリプトにあるものです:

function catMoveRight()
{
    document.getElementById("cat").style.left=parseInt(document.getElementById("cat").style.left)+1+"px";
}

window.onload=function()
{
    catTimer = null;

    document.getElementById("start").onsubmit=function()
    {
        if(catTimer == null)
        {   
            catTimer = setInterval("catMoveRight()",1000);
        }

    }

}

これは私の HTMLbodyです:

<img src="cat.jpg" id="cat" style=" position: absolute; left: 10px;"/><br/>
<form action=" " method="post" id="start">
    <input type="submit" value="Start" style="position: absolute; left: 10px; top: 220px;" />
</form>
4

1 に答える 1