gpt4 book ai didi

javascript - 我应该使用 addEventListener

转载 作者:行者123 更新时间:2023-11-30 12:55:02 25 4
gpt4 key购买 nike

我应该在这些类型的情况下使用 addEventListener 吗?

<input id="input" type="file" onchange="fun()>

document.getElementById("input").addEventListener("change", function() {
fun();
});

为什么?

最佳答案

onchange 属性要求 fun 函数在全局范围内。在较大的应用程序中,您希望避免这种情况,因为您的应用程序或外部库中可能有其他具有相同名称的函数。或者想象构建一个在页面上多次使用的组件。

addEventListener 可以像这样包裹在一个闭包中,并在一个独立的组件中使用:

(function(){})(
function fun(){
// Now other components can also have a `fun` function, without causing confusion.
// `fun` is only defined inside the IIFE (the (function(){})() wrapper around the module).
}
document.getElementById("input").addEventListener("change", function() {
fun();
});
);

关于javascript - 我应该使用 addEventListener,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19504852/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com