在点击后禁用div

Question

我有一个Tic Tac Toe游戏，我想停止播放器“覆盖”已经拍摄的单元格。 Here's这个游戏。

我尝试使用这样的：

function stopClick() { 
    if (document.getElementsByClassName("pos").innerHTML !== "") { 
     $(this).disabled = "disabled"; 
    } 
} 

以及其他类似的功能，但没有大量的工作。有任何想法吗？谢谢！

Answer 1

我编辑你的游戏，一个工作版本可以在这里找到： https://jsfiddle.net/f1apoya1/7/

基本上添加一个类：

.already-played { 
    pointer-events: none; 
} 

和你updateButtons功能：

function updateButtons() { 
    for (var i = 0; i < 3; i++) { 
     for (var j = 0; j < 3; j++) { 
      $("#c" + i + "" + j).text(board[i][j] == false ? "x" : board[i][j] == true ? "o" : ""); 
      if (board[i][j]) { 
       $("#c" + i + "" + j).addClass('already-played'); 
      } 
     } 
    } 
} 

Answer 2

使用此

$(this).css('pointer-events', 'none'); 

Answer 3

1）如果你想用JS，你可以添加一些类，以阻止用户检查。并检查这个类在你点击监听器

2）如果你想使用CSS。有指针的事件：无 https://css-tricks.com/almanac/properties/p/pointer-events/