Javascript 将事件（如模糊）添加到多个<；输入/>；要素（现在和未来）

案例：

在站点上（假设是待办事项列表），有多个

元素。 还可以使用相同的类添加下一个输入

HTML示例：

添加新的输入

问题：

是否可以向多个元素（纯Javascript）添加输入事件（如模糊）？已存在的和将来创建的。

您可以使用Array.map（）遍历

输入的数组，用
模糊事件标记它们

而且，当添加新的
输入时，您也可以在那里执行相同的操作


window.onload=function（）{
var inputs=Array.from（document.querySelectorAll（'input.awesome input'）；
var button=document.querySelector（'button'）；
函数处理程序（elem）{
elem.style.border='2px solid#DDD'；//只是一个示例
}
input.map（input=>input.addEventListener（'blur'，event=>blurHandler（event.target））；
addEventListener（'click'，function（）{
var input=document.createElement（'input'）；
addEventListener（'blur'，event=>blurHandler（event.target））；
input.className+='awesome input'；
document.querySelector（'.inputs container'）.appendChild（input）；
});
}
添加新的输入