瀟湘沐
2023-04-01 15:14:40
我是 Firebase Firestore 的新用戶。我有一個集合(“詞匯”),我想添加新文檔(“單詞”、“含義”)。該代碼有效并添加了新記錄。但是當我使用相同的代碼在單擊按鈕后執(zhí)行時,它不起作用并且沒有錯誤代碼。當我在 click 函數(shù)下編寫 Alert("test") 以測試是否被調(diào)用時,我看到“test”消息沒有問題。我認為,它表明監(jiān)聽器在點擊時被調(diào)用。但我認為 add() 部分沒有被調(diào)用??赡艿脑蚴鞘裁??此代碼有效: database.collection("vocabulary").add({ word:"Book", meaning:"xxx", }) .then(function() { console.log("Document successfully written!"); }) .catch(function(error) { console.error("Error writing document: ", error); });但相同的代碼在按鈕單擊下不起作用:<button id="savebutton">Insert Record</button>......const save=document.querySelector("#savebutton"); save.addEventListener("click",function() { database.collection("vocabulary").add({ word:"Book", meaning:"xxx", }) .then(function() { console.log("Document successfully wriiten!"); }) .catch(function(error) { console.error("Error writing document: ", error); }); });
1 回答

jeck貓
TA貢獻1909條經(jīng)驗 獲得超7個贊
OP 通過添加以下代碼解決了該問題:
x.preventDefault();
從我收集的內(nèi)容來看,更新后的代碼看起來像這樣:
<button id="savebutton">Insert Record</button>
? ? ......
const save=document.querySelector("#savebutton");
? save.addEventListener("click",function(x) {
? x.preventDefault();?
? ? ? database.collection("vocabulary").add({
? ? ? ? word:"Book",
? ? ? ? meaning:"xxx",
? ? ? })
? ? ? .then(function() {
? ? ? ? console.log("Document successfully wriiten!");
? ? ? })
? ? ? .catch(function(error) {
? ? ? ? console.error("Error writing document: ", error);
? ? ? });
? ? });
因此,根據(jù)公共文檔,OP 阻止了“x”的默認操作,解決了這個問題。
添加回答
舉報
0/150
提交
取消