手機和平板電腦上的代碼行為有所不同

Question

我建立了一個頁面，該頁面可以在Firebase數據庫中讀寫信息。 現在，這在我的PC上以及在檢查器中模擬不同的手機和筆記本電腦時都可以正常工作。 問題是，在實際的android或iOS上，引用似乎已關閉。 它仍然保存到數據庫中，但是放置在錯誤的位置。 我想念什么？

這是在數據庫中設置值的行：

    database.ref("birds/birdList/" + [newId] + "/seenE").set(checkValue);

例如，在iPhone上，此行根據用戶的輸入將“ birds / birdList”設置為“ seenE：true”或“ seenE：false”。

我在想這可能與var newId有關 ，在觸摸屏上單擊並沒有按原樣傳遞ID，但不知道如何在實際的電話上進行跟蹤（在檢查器中，可以記錄該活動，但是正如我所說的，無論如何它都可以模擬為電話在我的計算機上運行）。

function getId() {
var _id = document.activeElement.id;
newId = _id.substring(8);

}

我使用單擊事件來觸發我的功能。 任何輸入表示贊賞！

Answer 1

嘗試使用移動設備的touchstart / touchend事件代替點擊？

您可以捕獲eventType並將其附加到實際事件：

// Use touchstart if available, fallback to click
var clickEventType = document.ontouchstart !== null ? 'touchstart' : 'click'; 

並在事件上使用clickEventType 。 通常，這似乎對我有用。