Javascript 等待异步从 Firebase 检索数据

Question

我有以下代码可以在运行时使用 DOM 在我的 Javascript 应用程序中创建一个带有一些输入字段和按钮的表单（在我已经删除的 Firebase 循环中，因为无论有没有它我都有同样的问题）。

所以这里是我的 sn-p：

var form = document.createElement("FORM");
var fieldset = document.createElement("FIELDSET");
var inputId = document.createElement("INPUT");
inputId.value = "ID";
fieldset.appendChild(inputId);
var inputVillage = document.createElement("INPUT");
inputVillage.value = "Villaggio";
fieldset.appendChild(inputVillage);
var inputImage = document.createElement("INPUT");
inputImage.value = "Immagine";
fieldset.appendChild(inputImage);
var buttonMod = document.createElement("INPUT");
buttonMod.setAttribute("type", "button");
buttonMod.value = "Modifica";
  // HERE my problem
buttonMod.addEventListener("click",tryfunc("Mark"));
  // or (same result)
// buttonMod.onclick(tryfunc);
fieldset.appendChild(buttonMod);
form.appendChild(fieldset);
document.body.appendChild(form);

function tryfunc(name) {
	[...]
	document.write("Hello " + name);
	// I also tried with this instruction found here on stackoverflow
	// (but this generate other problems)
	//name.stopPropagation();
}

我的 tryfunc("xxx") 在我的应用程序启动时自动触发，如何防止它？

Answer 1

您正在立即调用您的函数：tryfunc("Mark")。注意，函数调用() parentesis。相反，你需要有匿名函数并从内部调用你的函数：

buttonMod.addEventListener("click", function() {
    tryfunc("Mark");
});