跳至内容

useElementByPoint

类别
导出大小
953 B
上次更改
上个月

响应式元素坐标。

演示

用法

ts
import { useElementByPoint, useMouse } from '@vueuse/core'

const { x, y } = useMouse({ type: 'client' })
const { element } = useElementByPoint({ x, y })

类型声明

typescript
export interface UseElementByPointOptions<Multiple extends boolean = false>
  extends ConfigurableDocument {
  x: MaybeRefOrGetter<number>
  y: MaybeRefOrGetter<number>
  multiple?: MaybeRefOrGetter<Multiple>
  immediate?: boolean
  interval?: "requestAnimationFrame" | number
}
export interface UseElementByPointReturn<Multiple extends boolean = false>
  extends Pausable {
  isSupported: Ref<boolean>
  element: Ref<Multiple extends true ? HTMLElement[] : HTMLElement | null>
}
/**
 * Reactive element by point.
 *
 * @see https://vueuse.org.cn/useElementByPoint
 * @param options - UseElementByPointOptions
 */
export declare function useElementByPoint<M extends boolean = false>(
  options: UseElementByPointOptions<M>,
): UseElementByPointReturn<M>

来源

来源演示文档

贡献者

Anthony Fu
Jelf
wheat
Anthony Fu
vaakian X
BaboonKing

变更日志

v10.2.0 于 2023/6/16
31b66 - feat: 新增 multipleinterval 选项 (#3089)
v10.0.0-beta.4 于 2023/4/13
4d757 - feat(types)!: 重命名 MaybeComputedRefMaybeRefOrGetter
0a72b - feat(toValue): 重命名 resolveUnreftoValue
v9.11.0 于 2023/1/17
c3639 - fix: 使文档可配置 (#2614)

在 MIT 许可下发布。