Как получить доступ к div, нажав вкладку с помощью javascript?

Я реализовал что-то, что выглядит так: если пользователь нажимает на div, изображение меняется в другом div:

<div id="actionDiv" onclick="changePic();">Change Pic</div>

Таким образом, этот текст "Change Pic" можно легко получить с помощью мыши. Как мне получить фокус из ключа табуляции в текстовом div actionDiv для доступности?

1 ответ

Я не уверен, но вопрос кажется похожим на этот how-can-i-give-keyboard-focus-to-a-div-and-attach-keyboard-event-handlers-to-it, и ответ в основном заключается в предоставлении атрибута div a tabIndex, т.е.:

<div id="actionDiv" tabindex="0" onclick="changePic();">Change Pic</div>

licensed under cc by-sa 3.0 with attribution.