JS - Timers

Mouse Move

by Kaushik Ruparel

HTML

<p id="message"></p>
<textarea></textarea>

JavaScript

/**
 * Example 1
 */
var textarea = document.querySelector("textarea");
  var timeout;
  textarea.addEventListener("keydown", function() {
    clearTimeout(timeout);
    timeout = setTimeout(function() {
      console.log("You stopped typing.");
    }, 500);
  });



/**
 * Example 2
 */

var messageBox = document.getElementById("message");

function displayCoords(event) {
    messageBox.textContent =
      "Mouse at " + event.pageX + ", " + event.pageY;
  }

  var scheduled = false, lastEvent;
  addEventListener("mousemove", function(event) {
    lastEvent = event;
    if (!scheduled) {
      scheduled = true;
      setTimeout(function() {
        scheduled = false;
        displayCoords(lastEvent);
      }, 250);
    }
  });