onStartTyping

ユーザーが編集不可の要素で入力を開始したときに発火します。

使用法

<script setup lang="ts">
import { onStartTyping } from '@vueuse/core'
import { useTemplateRef } from 'vue'

const input = useTemplateRef('input')

onStartTyping(() => {
  if (!input.value.active)
    input.value.focus()
})
</script>

<template>
  <input ref="input" type="text" placeholder="入力を開始してフォーカス">
</template>