events - キャンバスにいるときはデフォルトのアクションを防ぎますが、キャンバスを使用していないときはデフォルトのアクションを再開しますか?

Question

Web サイトにゲームがあり、およびhtml5のアクションを防止しました。問題は、ゲームの下のコメント セクション(具体的には) が使用できないことです。AWSD keysSPACEBARAWSD keys or SPACEBAR

何か案は？

これが私のコードです。コメントは無視してください。

これは、キー イベントを参照する関数です。

function slide2() {
        drawSlide2();
        document.removeEventListener('click', mouseNext, false);
        document.addEventListener('click', mouseNext2, false);
        document.addEventListener('keydown', startCheckKeyDown2, false);
        document.addEventListener('keyup', startCheckKeyUp2, false);
        document.removeEventListener('keydown', startCheckKeyDown1, false);
        document.removeEventListener('keyup', startCheckKeyUp1, false);
}

awsd 関数のイベントリスナー

function playGame() {
    drawBg(); 
    startLoop(); //we call this when the game loads
    updateHUD();
    document.addEventListener('keydown', checkKeyDown, false);
    document.addEventListener('keyup', checkKeyUp, false);
    notMoving = false;
}

ここに私のkeyCode関数があります

function checkKeyDown(e) { //e is a keyword or something we use to describe an event, whenever 
    var keyID = e.keyCode || e.which; //this is like an if statment except in one line // it gets the keyID from the differing ID's from different browsers. cross-browser 
    if (keyID === 38 || keyID === 87) {  //  **** Up arrow and W *****
        jet1.isUpKey = true;
        e.preventDefault(); //prevents default actions of the up and w key funcions, like scrolling up and down
    }
    if (keyID === 39 || keyID === 68) {  //  **** RIGHT & W *****
        jet1.isRightKey = true;
        e.preventDefault(); 
    }
    if (keyID === 40 || keyID === 83) {  //  **** DOWN or S *****
        jet1.isDownKey = true;
        e.preventDefault(); 
    }
    if (keyID === 37 || keyID === 65) {  //  **** LEFT or A *****
        jet1.isLeftKey = true;
        e.preventDefault(); 
    }
    if (keyID === 32) {  //  **** SPACEBAR *****
        jet1.isSpacebar = true;
        e.preventDefault(); 
    }
} 

function checkKeyUp(e) { 
    var keyID = e.keyCode || e.which; 
    if (keyID === 38 || keyID === 87) {  //  **** Up arrow and W *****
        jet1.isUpKey = false;
        e.preventDefault(); 
    }
    if (keyID === 39 || keyID === 68) {  //  **** RIGHT & W *****
        jet1.isRightKey = false;
        e.preventDefault(); 
    }
    if (keyID === 40 || keyID === 83) {  //  **** DOWN or S *****
        jet1.isDownKey = false;
        e.preventDefault(); 
    }
    if (keyID === 37 || keyID === 65) {  //  **** LEFT or A *****
        jet1.isLeftKey = false;
        e.preventDefault(); 
    }
    if (keyID === 32) {  //  **** SPACEBAR *****
        jet1.isSpacebar = false;
        e.preventDefault(); 
    }
}