伙計們遇到了一個應該很容易的問題，但似乎沒有任何工作正常，我有一個簡單的網站，我正在嘗試注冊一個表行的點擊。內容是從 Javascript 動態生成的，并從 firebase 獲取： var tableRow = document.createElement('tr'); var tableData = document.createElement('td'); tableData.addEventListener("click", draftRider(doc.data().name)) tableData.innerHTML = "<p class='test'> click me </p>" tableRow.appendChild(tableData); document.getElementById("draftingStartBlock").appendChild(tableRow);我嘗試過轉義字符串、onclick 事件，現在添加事件偵聽器。此外，當頁面首次加載時，該函數似乎會觸發。這是我想在單擊時調用的函數： function draftRider(riderName) { showSnackBar(riderName) if (playersTurn) { var riderQuery = firebase.firestore().collection("leagues").doc(userLeagueId).collection("rider_list") riderQuery.get().then(function (doc) { if (doc.exists) { var currentRiderName = doc.data().rider_name; var draftedBy = doc.data().drafted_by; if (riderName === currentRiderName && draftedBy === "") { database.collection("leagues") .doc(userLeagueId) .collection("rider_list") .doc(doc.id) .update("Drafted_By", userId) setNextPlayerAsPickingPlayer() } } else { // doc.data() will be undefined in this case console.log("No such document!"); } }).catch(function (error) { console.log("Error getting document:", error); }); } else { showSnackBar("Its currently not your turn"); } }
1 回答
qq_花開花謝_0
TA貢獻1835條經驗 獲得超7個贊
您的代碼中的這一行就是問題所在：
tableData.addEventListener("click", draftRider(doc.data().name))addEventListener是一個函數，它期望事件類型作為第一個參數，函數作為第二個參數。在您的情況下，您沒有將函數作為第二個參數傳遞，您實際上是在調用該函數并將其返回的值（在本例中為未定義）作為第二個參數傳遞。這就是為什么您會看到頁面加載時調用一次函數。
根據您帖子中的代碼，您可以通過以下方式解決：
tableData.addEventListener("click", function() {
draftRider(doc.data().name)})- 1 回答
- 0 關注
- 122 瀏覽
添加回答
舉報
0/150
提交
取消