Как я могу поймать событие focus на вложенных узлах contenteditable div в vue?


Как я могу поймать событие focus на вложенных узлах contenteditable div в vue?

11.03.2020 09:01:34 Просмотров 29 Источник

У меня есть этот шаблон в vue:

<div contenteditable>
    <p>First paragraph</p>
    <p>Second paragraph</p>
</div>

Я могу поймать фокус на корневом div, но я не вижу никакого действия, если я добавлю обработчик событий focus в тег абзаца, как это:

...
<p @focus="handleFocus">First paragraph</p>
...

Как я могу это сделать? Разве это возможно?

У вопроса есть решение - Посмотреть?

Ответы - Как я могу поймать событие focus на вложенных узлах contenteditable div в vue? / How can I catch focus event on nested nodes of contenteditable div in vue?

Является ответом!
Allan Banis

11.03.2020 09:11:50

добавить tabindex="0"

<p @focus="handleFocus" tabindex="0">First paragraph</p>

Я разведчик Р-теге не фокус способен тег, так что вы должны определить его, чтобы быть в состоянии сосредоточиться. Не совсем уверен насчет объяснения, но оно работает. Надеюсь я вам помог

Помочь в развитии проекта:
Закрыть X