在加载javascript侦听器之前等待事件

我设置了一个javascript，对一个表单进行简单的计算，然后将值放在另一个表单字段中——这本身就可以很好地工作。但是，我需要它处理的页面在单击按钮（wpsc_load_new_create_ticket_btn）之前不会加载表单，因此当脚本加载到页面上时，它找不到事件监听器（成本和数量），并且在该阶段似乎放弃了脚本，即使单击按钮也是如此。有没有办法让javascript在点击按钮之前不加载？我尝试过在顶部使用事件侦听器，但没有成功

document.getElementById("wpsc_load_new_create_ticket_btn").addEventListener("click", function() {
  cost.addEventListener("input", function multiply() {
    number1 = document.getElementById("quantity").value;
    number2 = document.getElementById("cost").value;
    console.log(number1 * number2);
    total = number1 * number2
    document.getElementById("total-claim-amount").value = total;
  });
  quantity.addEventListener("input", function multiply() {
    number1 = document.getElementById("quantity").value;
    number2 = document.getElementById("cost").value;
    console.log(number1 * number2);
    total = number1 * number2
    document.getElementById("total-claim-amount").value = total;
  });
});

---

您可以使用

setInterval

定期检查表单是否已在处理之前加载到DOM。您可以添加事件侦听器，以便在创建表单时收到DOM修改通知，对象为“MutationObserver”，以便在表单的父级（或主体）上附加一个观察者并检查表单是否在回调中创建。。等看：谢谢伙计们，我已经加入了setInterval，看起来很适合这份工作，但我也会研究变异观察者。。。