JS - 如何在另一个启动时停止执行第一个开关？

Question

我开始做一个文字游戏，其基本思想是： 游戏开始时，用户必须输入自己的，选项到输入字段。他输入的文字，与功能内部的开关进行交互，如果用户输入“正确的命令”，它调用另一个函数，可包括另一开关等。 我在这段代码中有一个错误： 第一个函数内部的开关运行良好，当它的第一个case（case“yes”）调用另一个函数时，一切都开始正常工作。但是当用户输入应该与第二个功能的开关交互的文本时，他实际上仍然与第一个功能的开关（以及第二个功能）交互。 会有人愿意帮我解决它，甚至点我在正确的方向？

var startGame = function(){ 
 
    showText("Welcome to the virtual pseudo-reality") 
 
    showText("Are you ready to start your journey?") 
 
    $('#btn').click(function(e) { 
 
     e.preventDefault(); 
 
     switch ($('input[name=myInput]').val().toLowerCase()) { 
 
      case "yes": showText("- "+$('input[name=myInput]').val()); 
 
       showText("Welcome aboard!"); 
 
        selectChar(); 
 
      break; 
 
      case "no": showText("- "+$('input[name=myInput]').val()); 
 
       showText("Your choise is no."); 
 
      break; 
 
      default: 
 
       showText("- "+$('input[name=myInput]').val()); 
 
       showText("Sorry, wrong input.") ; 
 
      break; 
 
     }; 
 
     $('input[name=myInput]').val(''); 
 
     var element = document.getElementById("storyBoard"); 
 
     element.scrollTop = element.scrollHeight; 
 
     }); 
 
    }; 
 
//A first in-game function, needs to select the character that user want to be: 
 
var selectChar = function(){ 
 
    showText("<br>"+"Choose who you are, you have to choose one of two heroes: Phantomorph and Disogr."); 
 
    $('#btn').click(function(e) { 
 
     e.preventDefault(); 
 
     switch ($('input[name=myInput]').val().toLowerCase()) { 
 
      case "phantomorph": showText("- "+$('input[name=myInput]').val()); 
 
       showText("You choosed Phantomorph."); 
 
        user = phantomorph; friend = disogr; 
 
      break; 
 
      case "disogr": showText("- "+$('input[name=myInput]').val()); 
 
       showText("You choosed Disogr."); 
 
        user = disogr; friend = phantomorph; 
 
      break; 
 
      default: alert("You need to make a right choose."); 
 
       selectChar(); 
 
      break; 
 
     }; 
 
     $('input[name=myInput]').val(''); 
 
     var element = document.getElementById("storyBoard"); 
 
    element.scrollTop = element.scrollHeight; 
 
     }); 
 
    }; 
 

 
startGame();

Answer 1

您在多个事件结合到相同的输入，这样当用户点击这两个事件处理程序的回调执行的第二次。

由于您使用jQuery的，我会使用.click切换，.on('click'，然后在绑定的第二个单击处理开关情况下，你可以使用.off('click'删除初始处理程序。

更好的是还有一个变量来跟踪游戏的状态，并将第二个事件处理程序的绑定移出开关案例。您需要这样做，否则每次用户点击时您都会重新绑定点击处理程序。

[编辑]

可以一次添加任何数量的事件处理程序的，只要该DOM元素是准备就绪（在jQuery的文档准备回调），或结合只是一个点击事件，并且包括内部的逻辑事件处理程序，用于检查已经从用户捕获的数据以触发任何行为。

我建议你创建一个click处理程序，并在回调中检查你的user变量的值，看看用户是否为它设置了一个值。 （你只需要确保该变量的范围可以被你的点击处理程序访问，并且你的应用程序的任何部分都需要它，目前在你的例子中没有var user;）