Javascript JS:有没有办法让网格中的单元格不可点击?

Javascript JS:有没有办法让网格中的单元格不可点击?,javascript,html,css,grid,cell,Javascript,Html,Css,Grid,Cell,所以我基本上制作了一个网格,其中一次点击是一个圆,而双击是一个正方形。但是,如果我返回到已单击的框并单击一次或双击,它会更改其中的形状。有没有办法使已点击的框不再可点击 我认为将CSS属性“指针事件”设置为“无”应该可以工作 pointer-events: none; 只需在单击后添加一个变量并使用它 if (isClicked = 1){ $(this).unbind("click"); } 或者像这样使用香草js document.getElementById("myElement

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


我认为将CSS属性“指针事件”设置为“无”应该可以工作

pointer-events: none;

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

if (isClicked = 1){ 
$(this).unbind("click");
}  
或者像这样使用香草js

document.getElementById("myElement").onclick = function() { return false; } 
这应该行得通

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

双击处理程序还传递isDoubleClick标志,以便处理程序知道该做什么。在处理程序中,基于该类和尚未存在的类决定执行哪个操作。当点击处理程序被激活时,元素已经有了类,只是忽略了它


可能会更好,但会解决问题吗

请您将这一点放在上下文中考虑一下好吗?我会在el.addEventListener的函数中执行吗?@奇怪的是,我看不到您的代码页面已过期,但onclick已经是一个事件。我该如何将其链接。指针事件指向单击过一次的单元格?我认为它在您的解决方案中不起作用,因为您是第一次设置单击的,而不是NicClicked类。而且两者都必须不可点击。@克里斯:是的,一旦点击,我希望它不可点击:/有办法吗?@Erie添加了带有更新更改的bellow链接。双击click和dbclick都会被触发,这是一个问题。这有点冲突,我试着让一个变量lastClicked,如果在单击和双击时都单击,我将它设置为1。然后我做了一个if语句,检查lastClicked是否为1,并从CSS属性pointer events中使用el.className=“noclick”更改el类名:无,但它不起作用?代码在链接中,如果你看一下就好了,因为它更容易理解。嗨,我想解决你的问题,但是你链接中的代码不再可用。你能刷新链接吗?@andyhofman请继续,圆圈方形单击问题已经解决,但每当我首先单击一个圆圈时,它不会将键值对添加到地图中:/嗯,你已经选择了某人的答案。这仍然是一个活跃的问题吗?我在这里针对这个问题提出了另一个问题:谢谢你的帮助!嘿,非常感谢,它很有效!!但这会导致在字典中不将双击注册为“1”。我还试图记录用0表示单击(单次单击)和正方形表示1(双击)生成的形状。Np,超时可能有问题,添加额外的标志检查可能有助于改进。我的坏,它确实注册了它。我很抱歉!再次感谢您的帮助!我真的很感激。我希望我能投票支持你的答案,但我只是加入了哈哈