javascript - 函数调用困惑的事件处理

Question

只有在主体加载后 eventhandle() 产生输出后，我才会触发事件(聚焦输入元素)。注释是事件触发调用事件句柄时产生的输出。

<input type="text" value="xyz" ></input>
<script>
    eventhandle();
    document.getElementsByTagName("input")[0].onclick=eventhandle
    function eventhandle()
    {
        alert(this.value);//works
        alert(event);    //works
        alert(event.type)//Error for all the properties of event object
    }
</script> 

如果我在 DOM 在目标 ie 上触发事件后调用 eventhandle()，这个问题就会得到解决。

<input type="text" value="xyz" ></input>
<script>
    document.getElementsByTagName("input")[0].onclick=eventhandle
    function eventhandle()
    {
        alert(this.value);
        alert(event.type); //works for all properties of event object
        alert(event)       //works
    }
    eventhandle();
</script>

我无法理解错误发生的原因以及如何解决

Answer 1

首先，我不知道你为什么这样称呼事件句柄，我的意思是eventhandle()？事件句柄不是直接调用的，它会在事件触发后调用。

其次，您收到错误是因为调用事件句柄函数时，您的页面未完全加载。你应该先使用 window.onload = your_handler