在點擊後禁用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/