如何調用onclick 事件，重新啟用功能| 僅純 JS

Question

我對包裝器內的項目具有以下功能。

    //vars

    for (var i=0; i<divs.length; i++) (function(i) {
    divs[i].onclick = function showTheA() {
      if (divs[i].offsetHeight == 130) {
        divs[i].style.height = '250px';
        element1[i].style.display = "flex"; // example
        element2[i].style.width = "80%"; //example

      }
      else { 
        divs[i].style.height = "";
        element1[i].style.display = ""; // example
        element2[i].style.width = ""; //example
      }
    };
})(i); 

然后我用另一個元素（例如 abcd）覆蓋整個項目，因此它覆蓋了項目的整個內容，但我想禁用此覆蓋層下方元素的 onclick 事件。 元素 abcd (overlay) 具有絕對位置和更高的 z-index，但仍然可以為下面的divs執行 onclick 事件（更改高度）；

divs[i].onclick=null;

我如何調用上面提到的函數來執行循環？

Answer 1

您可以改用指針事件。

要禁用嘗試：

divs[i].style.pointerEvents = "none";

重新啟用：

divs[i].style.pointerEvents = "";