Вызовите метод, когда курсор находится в текстовой области в vue js

Question

Я новичок в Vue JS. У меня есть текстовое поле для чата. когда курсор находится в текстовой области, как я могу вызвать метод. вот мой код:

<template>
<div class="composer">

<textarea v-model="Keijiban" @keydown.enter="send"  @click="selectContact(kokyaku1)" @keydown="selectContact(kokyaku1)" placeholder="ここにメッセージを入力してください。"></textarea>

</div>
</template>

это мой метод

selectContact(kokyaku1) {
            this.$emit('readkorsi',kokyaku1);
        }

как я могу вызвать "selectContact(kokyaku1)" метод, когда курсор находится в text-area

Answer 1

Событие focus запускается, когда пользователь выбирает текстовый ввод и получает фокус.

Событие blur запускается, когда пользователь выбирает что-либо за пределами текстовой области и теряет фокус (размывает).

Используйте события focus и размытие blur по мере необходимости. Вы можете удалить своего keydown слушателя, если вы уже прослушиваете событие фокуса.

<textarea @focus="selectContact(kokyaku1)" @blur="hideContact"></textarea>