Skip to content

useActiveElement

反应式 document.activeElement

¥Reactive document.activeElement

示例

Select the inputs below to see the changes
Current Active Element: null

用法

¥Usage

vue
<script setup lang="ts">
import { 
useActiveElement
} from '@vueuse/core'
import {
watch
} from 'vue'
const
activeElement
=
useActiveElement
()
watch
(
activeElement
, (
el
) => {
console
.
log
('focus changed to',
el
)
}) </script>

组件用法

¥Component Usage

vue
<template>
  <UseActiveElement v-slot="{ 
element
}">
Active element is {{
element
.dataset.id }}
</UseActiveElement> </template>