在拖动事件期间每 x 毫秒触发一次回调（HTML5，Ember）

Question

我有一个 Mixin：

DragEvents = Ember.Mixin.create( {
    attributeBindings: 'draggable',
    draggable: 'true',
    dragStart: function(event) {
        controller.onDragStartEvent(this);
    },
    drag: function(event) {
        // this is called for each 'movement' of the object being dragged
        // want to collect information about the events and fire a callback
        // once every 100 ms
    },
    dragEnd: function(event) {
        // want to fire one last callback with the remaining drag event coordinates
    }
});

在拖动功能中，我对鼠标的坐标感兴趣，它由下式给出

event.originalEvent.pageX, event.originalEvent.pageY

我不知道如何在每次调用拖动时收集该信息，并在拖动期间每 100 毫秒触发一次回调，参数是我收集的坐标数组。当调用 dragEnd 函数时，我想用剩余的拖动事件（那些已收集但未在之前的回调中发送的事件）触发回调。

回调是

controller.onDragEvent(coordinatesArray);

Answer 1

ember run 有自己的小跑

http://emberjs.com/api/classes/Ember.run.html#method_throttle

确保目标方法的调用频率永远不会超过指定的间隔时间。

在您的情况下，代码将是

Ember.run.throttle(controller, 'onDragEvent',coordinatesArray, 100);

祝你好运

Answer 2

如果你想每 100 毫秒调用一次函数，你可以使用 JQuery 和 queue 函数来连接函数调用：http://api.jquery.com/jQuery.queue/

如果你不懂JQuery，它很容易上手。按照以下说明操作：http://jquery.com/download/，您就可以使用 queue 功能了。一个例子是：

yourFunction() {
   $( "span" ).text( any );
   setTimeout( showIt, 100 );
  .queue(function(sig){
   yourFunction();
   sig();
  })
}

请记住，在 JQuery 中，您可以使用这些符号 $("#id") 或 $(".class") 来引用一个标签或一组标签。