О том, как вернуть фокус на нажатие интерактивного элемента? Реакция Js - PullRequest
Новая
       4

О том, как вернуть фокус на нажатие интерактивного элемента? Реакция Js

0 голосов
/ 16 апреля 2020

при нажатии кнопки открывается модальное окно и, как только модальное закрывается, фокус должен быть снова на кнопке для доступности. Я попытался использовать ссылку и идентификатор. Ни один из них не работал.

Углеродные компоненты используются там, где мы просто вызываем тег <Modal>, чтобы создать модал.

1 Ответ

0 голосов
/ 16 апреля 2020

Вам нужно каким-то образом добавить либо атрибут OnClick к кнопке, закрывающей модальное окно, либо добавить прослушиватель событий. 

<!-- OnClick Method -->
<h2>Hello</h2>
<button onClick={closeModal}>close</button>
<div>I am a modal</div>

или 

<!-- Event Listener Method -->
<h2>Hello</h2>
<button id="close-modal">close</button>
<div>I am a modal</div>
....
<script>
    document.getElementById("close-modal").addEventListener("click", closeModal);
</script>

В * Функция 1009 *, которая подключается к OnClick или слушателю событий, вы можете установить фокус с помощью vanilla JS. 

  function closeModal(){
     document.getElementById("ID-of-element-needing-focus").focus();
  }
...