如何在调用ajax文档时消除触发延迟

Question

好的。

问题很简单。

当用户更改<input type="text">的值时，我想通过ajax调用一些文档。

甚至不仅仅是"键盘打字"事件。

包括这种方式。。。你知道，工具提示。。。显示了用户最后的输入结果。。。

我的意思是，那个工具提示。。。位置在输入框下方。。。正在显示用户最近键入的结果。。。你知道。。很难解释。不知道它的名字。。。

无论如何，我想在用户更改<input type="text">的值后立即调用ajax文档。。。不仅仅是键盘输入，还包括通过鼠标点击选择其中一个工具提示。。。

嗯，我可以在"键入键事件"之后立即调用文档。。

这是代码：

sensitiveInput.addEventListener('keyup',function(){
    callDocument_viaAjax();
}

所以我在上面的代码中尝试了类似的方法。

这是代码：

document.addEventListener('mouseup',function(){
    if(sensitiveInput.value !== '') {
        sensitiveInput.onchange=function(){
            callDocument_viaAjax();
        }
    }
});

但是这个代码有一些延迟。。也就是说，没能实现我想要制作的ui。

当用户通过选择输入框下方的工具提示之一更改<input type="text" id="sensitiveInput">的值时，callDocument_viaAjax（）不会执行。

我不得不再次点击文档来执行callDocument_viaAjax()。。。。

我不知道为什么会发生这种事。

不知道如何解决这个问题。。。

请有人怜悯我。。。

Answer 1

我通过使用事件触发器'input'解决了这个问题。"input"事件检测输入的变化，即使没有失去输入字段的焦点。（"更改"仅在输入字段失去焦点时生效）