Как реализовать фокус поля при нажатии на кнопку. Хочу сделать чтобы при нажатии на F к полю вводу применялось свойство :focus, а при нажатии на esc оно отменялось.
<div class="mb-3">
<label for="exampleFormControlInput1" class="form-label">Email address</label>
<input type="email" class="form-control" id="search" placeholder="name@example.com">
</div>
Пытался что-то на основе документации сделать, написал это:
document.addEventListener('keydown', function(event) {
if (event.code == 'KeyF' && (event.ctrlKey || event.metaKey)) {
document.getElementById("search").focus();
}
});
Но он почему-то не работает