Question

我发现需要JS功能完全符合我的所有需求。但是，它有一个小的缺点。

该函数在执行函数之前等待x毫秒（iKeyDelay），所有这些都绑定到一个键事件（keyup或keydown）。这一切都有效。

但是，当用户退出输入以使输入失去焦点时，再次执行该功能。应该防止发生这种额外的执行，因为这是不必要的。

我的JS技能不是那么好，但也许你们中的一个可以帮助我？

$.fn.DelayedKey = function(fn, iKeyDelay, sKeyEvent) {
   var iTimeoutId, 
   oEventData;

   if (!$.isFunction(fn)) {
      oEventData = arguments[0];
      fn = arguments[1];
      iKeyDelay = arguments[2];
      sKeyEvent = arguments[3];
   }

   if (!iKeyDelay || 0 > iKeyDelay) {
      iKeyDelay = 500;
   }

   if (!sKeyEvent || !this[sKeyEvent]) {
      sKeyEvent = 'keydown';
   }

   function fnExecCallback() {
      clearTimeout(iTimeoutId);
      fn.apply(this, arguments);
   }

   function fnDelayCallback() {
      var that = this,
      args = arguments;
      clearTimeout(iTimeoutId);
      iTimeoutId = setTimeout(function() {
         fnExecCallback.apply(that, args);
      }, iKeyDelay);
   }

   if (oEventData) {
      this.change(oEventData, fnExecCallback);
      this[sKeyEvent](oEventData, fnDelayCallback);
   }
   else {
      this.change(fnExecCallback);
      this[sKeyEvent](fnDelayCallback);
   }

  return this;
};

Answer 1

全部修好了！我改变了以下功能，似乎纠正了你的问题。

function fnExecCallback(e) {
    if ( e.type != sKeyEvent )
        return;
    clearTimeout(iTimeoutId);
    fn.apply(this, arguments);
}

Here是更新的jsfiddle。

密钥和密钥

1 个答案: