JS：有没有办法使网格中的单元格不可点击？

Question

所以我基本上是在制作一个网格，其中单击是圆形，双击是正方形。但是，如果我返回到已经单击的框并单击一次或双击，它将更改其中的形状。有没有办法使已经单击的框不再可单击？

Here is my current code

Answer 1

我相信将CSS属性'pointer-events'设置为'none'应该可行。

pointer-events: none;

Answer 2

这应该有效

https://codesandbox.io/s/vn96m0o6l

问题是双击仍然是单击。因此，它首先触发点击处理程序，而不是双击。这就是为什么我在点击处理程序上将超时设置为200毫秒。

双击处理程序还会传递isDoubleClick标志，以便处理程序知道该怎么做。在基于该类的处理程序中，尚不存在的类决定要执行的操作。当点击处理程序被激活时，元素已经具有类并且只是将其忽略。

可能会更好，但会解决问题

Answer 3

只需在点击后添加一个变量并使用它

if (isClicked = 1){ 
$(this).unbind("click");
}  

或使用像这样的香草js

document.getElementById("myElement").onclick = function() { return false; }