Firefox中的onkeyup侦听器在文本框中缺少字符

cdavid

我有一个文本字段,用户可用来搜索项目。onkeyup附加了一个侦听器,侦听器根据输入的内容搜索数据库。在Chrome浏览器中,此方法效果很好,但在Firefox中却存在滞后,快速键入器将在文本字段中看到缺少的字符。这是Firefox问题,还是有解决方法?

为了大致了解我在代码中的工作方式,我需要执行以下操作:

的HTML

<input type="text" onkeyup="makeRequest()">

JS

function makeRequest() {
   var xmlhttp = new XMLHttpRequest();
   xmlhttp.open("POST", url + parameters, false);
   xmlhttp.send("#");
   return xmlhttp.responseText;
}
朱利安·格雷戈尔

可能使它异步并具有某种控制,以便在一个请求仍在进行时不触发它。在这种情况下,我认为这会更有意义,也可以在Firefox上解决您的问题。

现在,如果有人快速输入许多字母,那么您无论如何都会发送不必要的请求。

像那样:

//html file

<input type="text" onkeyup="makeRequest()">

//java script file

function makeRequest() {
  if(!req_called){
      req_called = true; 
      var xmlhttp = new XMLHttpRequest();
      xmlhttp.open("POST", url + parameters, true);
      xmlhttp.load = function(){
          req_called = false;
          return xmlhttp.responseText;

      }
      xmlhttp.send("#");

   }
}

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

Java中带有文档侦听器的自动完成文本框

来自分类Dev

Firefox 23中的表单文本框中缺少光标

来自分类Dev

为什么我的WPF转换器“缺少”文本框中的最后一个字符?

来自分类Dev

如何在Firefox SDK插件中删除侦听器?

来自分类Dev

Embers js中的更改侦听器上的组合框

来自分类Dev

Android对话框中的VideoView完成侦听器

来自分类Dev

在对话框中设置按钮侦听器

来自分类Dev

在TextView中为文本添加不同的侦听器

来自分类Dev

WebView中是否有文本选择侦听器

来自分类Dev

在TextView中为文本添加不同的侦听器

来自分类Dev

如何从侦听器检索在EditText字段中输入的文本?

来自分类Dev

在文本框中输入字符的按键?

来自分类Dev

替换文本框中的字符?

来自分类Dev

删除文本框中的字符

来自分类Dev

替换文本框中的字符?

来自分类Dev

允许文本框中的某些字符

来自分类Dev

文本框中的Concat ASCII字符

来自分类Dev

更改文本框中的特定字符

来自分类Dev

PHP中的侦听器

来自分类Dev

使用Jquery禁用文本框内的事件侦听器

来自分类Dev

动作侦听器中的动作侦听器错误

来自分类Dev

从侦听器列表中删除侦听器

来自分类Dev

如何在Firefox文本框中更改拼写语言?

来自分类Dev

计算文本框中特定字符之后的字符数

来自分类Dev

无法在文本框中输入字符串。它只是打开浏览器

来自分类Dev

如何在Firefox调试器中删除事件侦听器?

来自分类Dev

onSharedPreferenceChange侦听器->在片段中

来自分类Dev

GUI中的Matlab缩放侦听器

来自分类Dev

Java中Redis的侦听器