JS：有没有办法让网格中的单元格无法点击？

Question

所以我基本上制作一个网格，其中单击是一个圆圈，双击是一个正方形。但是，如果我返回已经单击的框并进行单击或双击，则会更改其中的形状。有没有办法让已经点击的框不再可点击？

Here is my current code

Answer 1

这应该工作

https://codesandbox.io/s/vn96m0o6l

问题是双击仍然是点击。所以它首先触发点击处理程序而不是双击。这就是为什么我在点击处理程序上设置200ms的超时。

双击处理程序还传递isDoubleClick标志，以便处理程序知道该怎么做。并且在基于该类和处理器的处理程序中尚未确定要执行的操作。当单击处理程序被激活时，元素已经有类并且只是忽略它。

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

Answer 2

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

pointer-events: none;

Answer 3

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

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

或者像这样使用香草js

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