javascript - 分配 'onmouseover' 事件处理程序

Question

请告诉我这段代码有什么问题:

 <script type="text/javascript" >

function createimg()
       {
         var img = new Image();
       img.src='link/to/image';
       img.alt='Next image';  img.id = 'span1'; img.style.zIndex = 10;
       img.style.position = 'absolute';  img.style.display='block'; img.style.top = '130px';
       img.style.padding='10px'; img.style.left='440px';    img.className ='dynamicSpan';
        document.body.appendChild(img);
        return img;
        }

    function al()
    {
     alert('loaded');
    }
   a = createimg();

    a.onmouseover = al();

</script>

具体来说最后一部分，我试图分配 a 的“onmouseover”事件处理程序，它是一个图像元素。由于某种原因，它不会分配此事件处理程序，而只是在页面加载时执行该函数。

出了什么问题？

托尼

Answer 1

a.onmouseover = al;

当您编写 al() 时，您将立即调用该函数并分配该函数的返回值(该值是未定义的，因为没有返回 语句)到 a.onmouseover。相反，您想要分配函数本身，因此只需删除括号即可。