在移動設備中不執行按鈕事件監聽器（在 PC 中工作）

Question

在構建我的 object 並將其值顯示在一個 HTML <.li.> 中之后，在另一個 function 中創建一個 btn 並返回以附加到相同的 <.li.>

該按鈕在桌面上工作正常，但當我切換到移動設備時，它很奇怪。

有時有效，有時無效。

有時您甚至無法按下加入按鈕（創建對象），也無法點擊刪除它的 x 按鈕。

但事情就是這樣，如果你四處滾動，坐立不安，然后再次點擊按鈕。 它有可能會起作用。

我試過以多種方式更改事件監聽器，但沒有成功。

我已經為每一步都添加了 console.logs，這樣當您 go 通過旁邊有控制台的過程時，很容易看到我正在嘗試做什么。

下面是按鈕創建 function

function prepCancelForm(list, i) {

    const cList = document.getElementById("getCancelList");
    const cIndex = document.getElementById("getIndex");
    cList.value = list;
    cIndex.value = i;

    cancelForm.style.display = "";
}

function createBtn(index, listNum) { // creates button
    const btn = document.createElement("button");
    btn.setAttribute("index", index);
    btn.setAttribute("list", listNum);

    btn.addEventListener("pointerdown", (event) => {
        prepCancelForm(btn.getAttribute("list"), btn.getAttribute("index"));
    });

    const bNode = document.createTextNode("X");
    btn.appendChild(bNode);
    return btn;
}

為了獲得更大的洞察力

這是現場演示 - https://lucasynl.github.io/rbc/pages/game.html

這是 git 回購 - https://github.com/LucasYNL/rbc

我已經解決這個問題 2 天了，這讓我抓狂。 如果我只是 go 學習 jQuery 所有這些廢話都會消失，請告訴我。

Answer 1

好的，所以我決定在弄清楚之前不需要睡覺。 到了我開始重做整個 js 文件的地步。

事實證明，代碼有 0 個問題。 這是因為我愚蠢的@ss 決定讓 forms（占據移動屏幕的 80%）死 @ss 在中心，任何與它重疊的東西都無法點擊。

所以，是的，為了解決我自己的問題，MOVE THE DAMN FORMS。