javascript - 无法调试 onmouseover 事件

Question

/* 这是 monopoly_first_page.html 的脚本 */

var result;
var button;
var image;
var x = 0;

function animation( animatedObject ){

    var hereObject = animatedObject;
    alert( hereObject );

    /*setInterval( animate( animatedObject, x ), 100 );*/

}

function animate( hereObject, x ){

        alert( x );

        if( x == 0){
            hereObject.style.width++;
        }
        else{
            hereObject.style.width--;
        }

        if( hereObject.style.width <= 225 ){
            x = 0;
        }
        if( hereObject.style.width >= 300 ){
            x = 1;
        }
}

function disanimation( animatedObject ){

    var hereObject = animatedObject;
    clearInterval();


}


window.onload = init;

function init(){

    result = document.getElementById( "result" );
    button = document.getElementById( "button-container" );
    document.getElementById( "button-container" ).onmouseclick = animation( button );
    document.getElementById( "button-container" ).onmouseout = disanimation( button );
    alert( button );
    alert( button );

}

大家好...这是我的源代码之一，我是一名初学者...我遇到了一个问题，这就是我写下这条语句的地方:

document.getElementById( "button-container" ).onmouseclick = animation( button );

当函数 init 开始运行时，函数动画也会执行...但我确定我没有将鼠标滚动到指定的 DIV 上...有什么问题吗？

Answer 1

您需要将函数传递给任何处理程序。您的代码发生的情况是，它调用 animation(button) 然后将该值设置为 onmouseclick 属性。由于 animation(...) 函数不返回函数，因此不会发生任何有益的事情。

这样会更接近。

whatever.onmouseclick = animation;  

如果需要，您也可以这样做:(假设您想要传递特定按钮)

whatever.onmouseclick = function(e) { animation(button); }