javascript - 如何在 jquery ui spinner stop 事件中调用函数

Question

我正在使用 jquery ui 微调器，我想在微调器停止事件上调用一个函数。

我不想在每个停止事件中调用该函数，只有当用户停止单击向上或向下箭头时。

更改事件仅适用于文本框失去焦点，我想要文本框处于焦点时。

提前致谢..

Answer 1

如果您希望在一系列点击结束后触发回调，您可以使用_.debounce它。这是代码和plunker：

$(function(){
  var expectedDelayBetweenClicks = 500;
  var element = $("input");

  element.spinner({
    start: function(e, ui) {
      $('.selected-value').text('Waiting...');
    },

    stop: _.debounce(function(e, ui) {
      $('.selected-value').text(e.target.value);
    }, expectedDelayBetweenClicks)
  })
});

这保证了只有在几次点击后才会触发您的回调，如果这些点击之间的延迟为 500 毫秒。您可以根据您希望用户单击微调器的速度来减少或增加此延迟。