jquery - 您应该一次点击全部还是一次点击一个

Question

我设置了一个按钮来单击页面上的输入，但是当我单击它时，该网站会挂起一段时间。我想知道是否有一种方法可以让该功能在移动到下一个之前一次单击一个，这样单击时可能不会使页面陷入困境？或者更好的方法？

function clearInput() {
     $('input').click();
}

Answer 1

对于调试卡住问题，您是否将事件绑定(bind)到每个输入？可能是jQuery同时点击所有事件触发了太多事件，尝试在输入事件上放置断点或console.log，看看触发了多少个等。

要取消绑定(bind)到输入的所有事件绑定(bind)，请尝试此操作，它还会将所有输入设置为 null:

setTimeout(function() {
   _this.off();
   _this.click();
   _this.val(null); 
}, interval)

对于您的问题，这是一个延迟点击每个输入的解决方案。

在输入上使用jquery each()，为每次迭代创建一个增加延迟的setTimeout，例如我使用500ms，您可以将其更改为10ms或其他。

function clearInput() {
  var interval = 500;
  $('input').each(function() {
    var _this = $(this);
    setTimeout(function() {
      _this.click(); //this is the function you need to call
      console.log(_this.val()); //for example only, remove later
      _this.val(null); //for example only, remove later
    }, interval)
    interval += 500;
  });
}
clearInput();

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input value="1" />
<input value="2" />
<input value="3" />
<input value="4" />
<input value="5" />