JS - Timers

Mouse Move

by Joshua McNeese

HTML

<textarea></textarea>
<div id="coords"></div>

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
 */


function displayCoords(event) {
    document.getElementById('coords').innerHTML =
      "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);
    }
  });