Javascript 为什么我的onchange事件发生在页面加载时，而不是在触发器触发时？_Javascript

Javascript 为什么我的onchange事件发生在页面加载时，而不是在触发器触发时？

javascript

Javascript 为什么我的onchange事件发生在页面加载时，而不是在触发器触发时？,javascript,Javascript,我的HTML中有一个div，我想将innerHTML添加到其中，但只有当用户在文本输入中输入某些内容时。它会在页面加载后立即添加innerHTML，所以我想我对onchange事件监听的理解不如我想象的那么好 HTML: <body> <label for="changeMe">What is your favorite number?</label> <input type="text" id="changeMe" /> <div id="

我的HTML中有一个div，我想将innerHTML添加到其中，但只有当用户在文本输入中输入某些内容时。它会在页面加载后立即添加innerHTML，所以我想我对onchange事件监听的理解不如我想象的那么好

HTML:

<body>
<label for="changeMe">What is your favorite number?</label>
<input type="text" id="changeMe" />
<div id="addStuff"></div>

<script src="scripts/main.js"></script>
</body>


你最喜欢的号码是什么？

JS:

函数doStuff（）{
var thing=document.getElementById（“changeMe”）；
addEventListener（'onchange'，domorSteff（））；
}
函数doMoreStuff（）{
var addStuff=document.getElementById（“addStuff”）；
var=”；
addStuff.innerHTML=stuff；
}
window.onload=函数（）{
doStuff（）；
};

现在，您在尝试绑定事件处理程序时调用函数，而不是传递函数

您还传递了'onchange'，这是回调属性的名称，而不是'change'，这是事件的类型。看

改变

thing.addEventListener('onchange', doMoreStuff());

到

现在，您在尝试绑定事件处理程序时调用函数，而不是传递函数

您还传递了'onchange'，这是回调属性的名称，而不是'change'，这是事件的类型。看

改变

thing.addEventListener('onchange', doMoreStuff());

到

当前，您正在使用事件处理程序绑定

domarestuff（）

的结果

使用

而不是

thing.addEventListener('onchange', doMoreStuff());

当前，您正在使用事件处理程序绑定

domarestuff（）

的结果

使用

而不是

thing.addEventListener('onchange', doMoreStuff());

或者更好，

thing.addEventListener（'change'，domorseuff）

甚至更好，

thing.addEventListener（'change'，domorseuff）
thing.addEventListener('onchange', doMoreStuff());