Javascript 可以设置或不设置addEventListener onload

我有以下代码

cost.addEventListener('keyup', updateInput);
quantity.addEventListener('keyup', updateInput);

如果我更改了某些内容，它们会更新输入，但当页面加载时，必须自动填充输入

window.addEventListener('load', updateInput);

输入1包含来自MySQL的产品价格成本 我有另一个默认值设置为1的输入数量

如果我手动更改数量，输入3将使用成本*价格更改为总成本完美，但当页面加载时，它会显示一些添加到成本*已加载数量的列表，而不仅仅是当我手动编辑数量时

差不多

totalcost.addEventListener('onpageload', updateInput);

---

当您使用

addEventListener

注册事件处理程序时，需要将事件名称作为字符串传递，而不使用on，因此在页面加载的情况下，它应该是

load

event

window.addEventListener('load', updateInput);

---

有关受支持的浏览器事件的完整列表，请查看。

如果您想在页面首次加载时运行一些代码，可以在jQuery中使用此命令执行此操作（您使用jQuery标记了您的问题，因此您也可以使用它）：

或者，您可以在纯Javascript中执行此操作：

window.addEventListener("load", function() {
    // put your code here that runs when the page first loads
});

---

因此，假设您的情况，我已经用下面的代码制作了一个演示。您所需要做的就是在加载页面时调用执行计算的函数

var f=document.querySelector（“#first”）；
var s=document.querySelector（“秒”）；
var r=document.querySelector（“结果”）；
函数updateInput（）{
r、 value=parseFloat（s.value）*parseFloat（f.value）；
}
f、 addEventListener（“键控”，更新输入）；
s、 addEventListener（“键控”，更新输入）；
//加载页面时触发函数的附加行。
addEventListener（“加载”，更新输入）

当您使用addEventListener时，您需要使用实际的事件名称，如
load
，而不像在fiddle中的AttachEvent示例中的
onload
，这会帮助我们。单个DOM元素（除非是图像、iframe或窗口对象）没有
load
事件。哎呀。。我的错误：）我以为OP是在谈论页面加载