由于大量事件，输入文本输入滞后太多

Question

我正在做一个应用程序，我的这个页面有 200 个输入文本框。几乎所有人都在 ready/input 上有一个事件，这是一个例子

function callpVol41l() {
  plan_vol_sc('plan_hrs_41l', 'prod_41n', 'plan_vol_41l');
}

$(document).
  on('ready input', callpVol41l).
  on('input', '#plan_hrs_41l,#prod_41n,#plan_vol_41l', callpVol41l);

我的问题是由于输入文本数量过多，当我输入其中任何一个时，都会有一点延迟。有什么解决办法吗？ （不仅是谷歌浏览器，我知道这个问题，即使是 IE 也有一点滞后.. 反正比 chrome 少。）

Answer 1

您将所有内容直接附加到文档中。也许只是选择不同的输入？

向您的输入添加一个类，并向输入添加一个onchange 事件。

<input class="something">

$(document).ready(function(){
  $input = $('input.something');
  $input.on('change', function(){
    var myValue = $(this).val(); // get value
    callpVol41l(myValue); // run the function you want to happen.
  });
}