javascript - On Key Up vs On Change with AJAX 查询 : which is better?

Question

我将 POST 数据从文本框发送到 PHP 页面进行处理。 AJAX 不是用户单击保存按钮，而是用于文本框事件。

我在使用 onChange 或 onKeyUp 之间左右为难。

OnKeyUp 需要在服务器上进行更多处理，因为对于每次按键，我的脚本都必须访问数据库并进行更改。服务器性能可能是个问题。

OnChange 是首选，因为它仅在用户完成框上时才发送更改。但是，存在一个问题，如果用户不取消选择文本框，则不会发生 onChange 事件，因此不会保存更改。

哪个最好？或者有没有一种方法可以在用户不取消选择框的情况下强制执行 onChange？

Answer 1

您甚至可以使用 KeyUp 按 ajax 调用，怎么样？？只需在 keyUp 事件上添加 delayKeyUp 函数，并且 delayKeyUp 函数具有 setTimeout 方法，这将真正帮助您解决服务器处理问题，

注意:一次只适用于一种方法。

例。代码:

更新:

$("selector").live('keyup', function(e) { //if jquery v1.7 or more then you can use .on event instead of .live
    delayKeyUp(function(){ ---Your Server Call Stuff -----}, 350); //delay of 350ms.
    return false;
});


var delayKeyUp = (function(){
     var timer = 0;
     return function(callback, ms){
        clearTimeout (timer);
        timer = setTimeout(callback, ms);
     };
})();