25 - 鼠标坐标

[webfanrc]

// 你的答案
<script setup lang="ts">
import {ref} from 'vue'

// Implement ...
function useEventListener(target, event, callback) {
  target.addEventListener(event, callback);
}

// Implement ...
function useMouse() {
  const x = ref(0);
  const y = ref(0);
  useEventListener(window, "mousemove", (event) => {
    x.value = event.clientX;
    y.value = event.clientY;
  })

  return {x, y}

}
const { x, y } = useMouse()
</script>

<template>Mouse position is at: {{ x }}, {{ y }}</template>