如何調用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（覆蓋圖）具有絕對位置和較高的z-index，但仍可以在下面執行divs的onclick事件（更改高度）;

divs[i].onclick=null; 

如何調用上述函數來完成循環？

Answer 1

您可以改用指針事件。

要禁用嘗試：

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

要重新啓用：

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