Skip to content

Conversation

@pikax
Copy link
Owner

@pikax pikax commented Sep 20, 2020

Get's the mouse distance from element center.

function useMouseDistanceFromElement(element) {
  let distance = undefined;
  let remove = ()=>void;

    const debounce = 0;
    const { mouseX, mouseY, remove: removeMouseEvent } = useOnMouseMove(
      window,
      debounce
    );

    distance = computed(() => {
      const elem = unwrap(element);
      if (!elem) return 0;

      return Math.floor(
        Math.sqrt(
          Math.pow(mouseX.value - (elem.offsetLeft + elem.clientWidth / 2), 2) +
            Math.pow(mouseY.value - (elem.offsetTop + elem.clientHeight / 2), 2)
        )
      );
    });

    remove = removeMouseEvent;

  return {
    distance,

    remove,
  };
}

@pikax pikax merged commit a09cb69 into master Oct 11, 2020
@pikax pikax deleted the feat/useMouseDistanceFromElement branch October 11, 2020 08:48
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants