不能将变量的值从true更改为false

现在更新，我发现我需要禁用功能更改一段时间，所以我使var启用并使功能仅在var enabled == true时可用，在我传递enabled = false;的功能结束时，它应该禁用功能change();，在第一次之后，但它仍然工作完美。有人能帮帮我吗?

//This function will give me the ID of the images, so i can make my conditions according to the ID
var enabled = true;
function pegaId(obj){
    var idCorreto = obj.getAttribute('id');
    return idCorreto;
}
if(enabled == true){
function drag(obj){
    var zIndexImg = 0;
    //with the var id, i detect which image is being dragged by the id
    var id = obj.getAttribute('id');
    var img = document.getElementById(id);
    var imgPositionLeft = img.offsetLeft;
    var imgPositionTop = img.offsetTop;
        img.ondragstart = function(){
            return false;
        };
        function dropImage(e){
            img.style.transition = "";
            img.style.zIndex = zIndexImg++;
            //make the drag of the imgs
            img.style.top = e.clientY - imgPositionTop +'px';
            img.style.left = e.clientX - imgPositionLeft + 'px';
            console.log(e.clientX - imgPositionLeft);
        }
function change(id1,id2,div1,div2){
//this function will make the change of the imgs                
    img.removeAttribute('style');
    //i put the imgs and the divs they are kept in these vars
    var imgDiv = document.getElementById(div1);
    var imgDiv_2 = document.getElementById(div2);
    var imgId = document.getElementById(id1);
    var imgId2 = document.getElementById(id2);
    //take the id of both imgs
    var getId = imgId.getAttribute('id');
    var getId2 = imgId2.getAttribute('id');
    //and change the id's
    imgId.setAttribute('id',getId2);
    imgId2.setAttribute('id',getId);
//and overwrite the imgs in the divs, making the change
imgDiv.innerHTML = imgId2.cloneNode().outerHTML;
imgDiv_2.innerHTML = imgId.cloneNode().outerHTML;
            }
function drop(e){
//this function is for the drop of the img
    dropImage(e);
    //remove the added events
document.removeEventListener('mousemove' ,dropImage);
            document.removeEventListener('mouseup', drop);
//find out which image is clicked so i can make the right change
if(img.style.left >= '90px' && img.style.left <= '130px'){
    //take the ID so i know which image are being dragged
    if(pegaId(obj) == 'teste1'){
        //and make the change
        change("teste1","teste2","img1","img2");
    }else if(pegaId(obj) == 'teste2'){
        change("teste2","teste3","img2","img3");                
    }
}
if(img.style.left >= '230px' && img.style.left <= '250px'){
                change("teste1","teste3","img1","img3");
}
if(img.style.left >= '-115px' && img.style.left <= '-130px'){
    if(pegaId(obj) == 'teste3'){
        change("teste2","teste3","img2","img3");                            
    }
    else if(pegaId(obj) == 'teste2'){
        change("teste2","teste1","img2","img1");                
    }
            }
if(img.style.left >= '-225px' && img.style.left <= '-250px'){
        change("teste1","teste3","img1","img3");            
    }
//reset the values after the change
img.style.left = '0px';
img.style.top = '0px';
}
//add the events again when the img is clicked
img.addEventListener('mousedown', function(){
            document.addEventListener('mousemove', dropImage);
            document.addEventListener('mouseup', drop);
        });
}
    enabled = false;
}