Added lastAction property and self-invoke the reset method

Author: photonstorm

src/input/Pointer.js

@@ -459,13 +459,22 @@ var Pointer = new Class({
         this.active = (id === 0) ? true : false;
 
         /**
-         * Time when this Pointer was most recently updated by the Game step.
+         * Time when this Pointer was most recently updated by a DOM Event.
          *
          * @name Phaser.Input.Pointer#time
          * @type {number}
          * @since 3.16.0
          */
         this.time = 0;
+
+        /**
+         * The game frame when this Pointer was most recently updated by a DOM Event.
+         *
+         * @name Phaser.Input.Pointer#lastAction
+         * @type {integer}
+         * @since 3.18.0
+         */
+        this.lastAction = -1;
     },
 
     /**
@@ -495,16 +504,24 @@ var Pointer = new Class({
      */
     reset: function (time)
     {
-        this.dirty = false;
+        var currentFrame = this.manager.game.loop.frame;
 
-        this.justDown = false;
-        this.justUp = false;
-        this.justMoved = false;
+        if (this.lastAction < currentFrame)
+        {
+            //  There was a DOM Event just prior to the game step
+            this.dirty = false;
 
-        this.time = time;
+            this.justDown = false;
+            this.justUp = false;
+            this.justMoved = false;
 
-        this.movementX = 0;
-        this.movementY = 0;
+            this.time = time;
+
+            this.movementX = 0;
+            this.movementY = 0;
+
+            this.lastAction = currentFrame;
+        }
     },
 
     /**
@@ -563,10 +580,17 @@ var Pointer = new Class({
      * @since 3.0.0
      *
      * @param {MouseEvent} event - The Mouse Event to process.
-     * @param {integer} time - The current timestamp as generated by the Request Animation Frame or SetTimeout.
      */
-    up: function (event, time)
+    up: function (event)
     {
+        var time = event.timeStamp;
+        var currentFrame = this.manager.game.loop.frame;
+
+        if (currentFrame > this.lastAction)
+        {
+            this.reset(time);
+        }
+
         if ('buttons' in event)
         {
             this.buttons = event.buttons;
@@ -604,10 +628,17 @@ var Pointer = new Class({
      * @since 3.0.0
      *
      * @param {MouseEvent} event - The Mouse Event to process.
-     * @param {integer} time - The current timestamp as generated by the Request Animation Frame or SetTimeout.
      */
-    down: function (event, time)
+    down: function (event)
     {
+        var time = event.timeStamp;
+        var currentFrame = this.manager.game.loop.frame;
+
+        if (currentFrame > this.lastAction)
+        {
+            this.reset(time);
+        }
+
         if ('buttons' in event)
         {
             this.buttons = event.buttons;
@@ -645,10 +676,17 @@ var Pointer = new Class({
      * @since 3.0.0
      *
      * @param {MouseEvent} event - The Mouse Event to process.
-     * @param {integer} time - The current timestamp as generated by the Request Animation Frame or SetTimeout.
      */
-    move: function (event, time)
+    move: function (event)
     {
+        var time = event.timeStamp;
+        var currentFrame = this.manager.game.loop.frame;
+
+        if (currentFrame > this.lastAction)
+        {
+            this.reset(time);
+        }
+
         if ('buttons' in event)
         {
             this.buttons = event.buttons;