防止双击事件 Javascript

Question

我仍然是使用 java 脚本的新手，我尝试在第一个输入字段被点击时设置触发时间，然后 function 触发器将激活，每次我点击输入字段时都会出现问题，触发器总是再次激活，我尝试使用

event.preventDefault();

但它没有用，请帮助我哪里做错了？ 这是我的代码

 $('#trigger').on("click", function(e) { e.preventDefault(); var timeleft = 1; var downloadTimer = setInterval(function(){ document.getElementById('countdown').value = `${timeleft} seconds`; timeleft += 1; }, 1000); });

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <input type="text" id="trigger" class="form-control" required> <input type="text" id="countdown" class="form-control" required>

编辑：我这样尝试，但如果这是最好的方法，它仍然困扰着我吗？

 function myFunction() { var timeleft = 1; var downloadTimer = setInterval(function() { document.getElementById('countdown').value = `${timeleft} seconds`; timeleft += 1; }, 1000); }

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <input type="text" id="trigger" onclick="myFunction(); this.onclick=null;" class=" form-control" required> <input type="text" id="countdown" class="form-control" required>

Answer 1

您可以使用 Textbox 的 focusout 事件

$( "#trigger" )
  .focusout(function() {
   myFunction();
  });

在focusout之后你可以禁用文本框