Bootstrap modal 模式问题：在模型按钮事件侦听器上多次执行代码

今天，我通过点击按钮将引导模式添加到我的页面中。在模式中还有另一个按钮供用户提交输入。我注意到，当第二次单击按钮时，事件侦听器中的代码执行了两次。第三次单击时，代码执行了三次

我读了一些类似的问题，但我不明白答案。有人说使用#modal.off（'show.bs.modal'），但对我不起作用。另一种说法是，事件处理程序中的绑定事件处理程序是不可接受的，但我不知道在没有绑定处理程序的情况下如何使代码工作。以下是指向我的代码笔的链接：

我省略了控制台日志模式中的用户输入框。我希望文本“打开”在单击提交按钮时出现一次。现在，如果您提交两次，控制台中将出现两行新的“文本”

document.getElementById("open").addEventListener("click", function(){
  $('#input').modal('show');
  document.getElementById("submit").addEventListener("click", function(){
    $('#input').modal('hide');
    console.log("opened")
  });    
});