停止交换图片点击

Question

我正在尝试用JavaScript编写一个跳棋游戏，我在一次交换后停止图像时遇到问题。在当前的实现（下面）中，图像在点击时交换，然后当您单击电路板的另一部分（在这种情况下是一个表格）时，另一个部分＆＃39;被放置。但是当你再次点击时，另一个被放置而另一个等等。我再次点击时我试图放置一块。

var imageSwaped = false;

function clickOnBlankSpace(object)
{
    this.src="Directory/BlackPiece.png";
    imageSwaped = true;
    this.removeEventListener("click", clickOnBlankSpace);
    return;
}



var BlackPieces = document.getElementsByClassName("BlackPiece");
var RedPieces = document.getElementsByClassName("RedPiece");
var BlankSpaces = document.getElementsByClassName("BlankSpace");


for(var j = 0; j<BlackPieces.length;j++)
{
    var BlackPiece = BlackPieces[j];
    BlackPiece.addEventListener("click", function()
    {
        this.src="Directory/BlackPieceH.png";
        this.className ="BlackPieceH";

        for(var j = 0; j<BlankSpaces.length;j++)
    {
            var BlankSpace = BlankSpaces[j];
            if (!imageSwaped) BlankSpace.addEventListener("click",     clickOnBlankSpace);
        }
    })
}