Cursor Detection JS

jQuery(document).ready(function($) {
  $('body').mousemove(function(e) {
    $('#cursor').css('left', e.clientX - 20).css('top', e.clientY + 7);
  });
});


document.addEventListener("DOMContentLoaded", function () {
    var cursor = document.getElementById('cursor');

    var inputs = document.querySelectorAll(
        'input[type="text"], input[type="email"], input[type="tel"], input[type="password"], input[type="search"], input[type="url"], textarea, datalist, .c-text'
    );
    var links = document.querySelectorAll(
        'a, button, label, input, input[type="button"], input[type="submit"], summary, select, .c-link'
    );

    var hidecur = document.querySelectorAll("iframe, .c-hidden");
    var targetcur = document.querySelectorAll(".c-target");
    var movecur = document.querySelectorAll(".c-move");
    var stopcur = document.querySelectorAll(".c-stop");
    var zoomincur = document.querySelectorAll(".c-zoom-in");
    var zoomoutcur = document.querySelectorAll(".c-zoom-out");
    var unhidecur = document.querySelectorAll("body");

  var i = links.length;
  for (i = 0; i < links.length; i++) {
    links[i].addEventListener("mouseenter", addCursor);
    links[i].addEventListener("mouseleave", addDefault);
  }

  var i = inputs.length;
  for (i = 0; i < inputs.length; i++) {
    inputs[i].addEventListener("mouseenter", addInput);
    inputs[i].addEventListener("mouseleave", addDefault);
  }

  var i = hidecur.length;
  for (i = 0; i < hidecur.length; i++) {
    hidecur[i].addEventListener("mouseenter", addHide);
    hidecur[i].addEventListener("mouseleave", addDefault);
  }

  var i = unhidecur.length;
  for (i = 0; i < unhidecur.length; i++) {
    unhidecur[i].addEventListener("mouseenter", addDefault);
    unhidecur[i].addEventListener("mouseleave", addHide);
  }

  var i = targetcur.length;
  for (i = 0; i < targetcur.length; i++) {
    targetcur[i].addEventListener("mouseenter", addTarget);
    targetcur[i].addEventListener("mouseleave", addDefault);
  }

  var i = movecur.length;
  for (i = 0; i < movecur.length; i++) {
    movecur[i].addEventListener("mouseenter", addMove);
    movecur[i].addEventListener("mouseleave", addDefault);
  }

  var i = stopcur.length;
  for (i = 0; i < stopcur.length; i++) {
    stopcur[i].addEventListener("mouseenter", addStop);
    stopcur[i].addEventListener("mouseleave", addDefault);
  }

  var i = zoomincur.length;
  for (i = 0; i < zoomincur.length; i++) {
    zoomincur[i].addEventListener("mouseenter", addZoomIn);
    zoomincur[i].addEventListener("mouseleave", addDefault);
  }

  var i = zoomoutcur.length;
  for (i = 0; i < zoomoutcur.length; i++) {
    zoomoutcur[i].addEventListener("mouseenter", addZoomOut);
    zoomoutcur[i].addEventListener("mouseleave", addDefault);
  }

  function addInput() {
    cursor.className = "cursor-input";
  }

  function addCursor() {
    cursor.className = "cursor-active";
  }

  function addHide() {
    cursor.className = "cursor-hidden";
  }

  function addStop() {
    cursor.className = "cursor-stop";
  }

  function addTarget() {
    cursor.className = "cursor-target";
  }

  function addMove() {
    cursor.className = "cursor-move";
  }

  function addZoomIn() {
    cursor.className = "cursor-zoom-in";
  }

  function addZoomOut() {
    cursor.className = "cursor-zoom-out";
  }

  function addDefault() {
    cursor.className = "cursor";
  }

});