Добрый день.
Решаю простую задачу по js. Есть форма с тремя инпутами. Мне нужно поймать фокус на втором инпуте, т.е. когда пользователь в него кликнул мышью или пришел к нему с помощью кнопки tab.
пробую сделать это с помощью установки обработчика focus для нужного инпута.
Вот так выглядит код.
<!DOCTYPE html>
<html>
<head> </head>
<body>
<form action="">
<input id="input1" type="text" />
<input id="input2" type="text" />
<input id="input3" type="text" />
</form>
</body>
</html>
<script>
var input2 = document.getElementById("input2");
input2.addEventListener("Focus", focusInput2());
function focusInput2() {
alert("Focus2");
}
</script>
Не могу понять, почему
а) при обновлении страницы f5 появляется алерт "Focus2" (я ведь назначаю его на событие focus для input2)
б) при установке курсора в поле input2 наоборот, ничего не происходит (ожидал, что алерт появится именно тут, т.к. назначил обработчик именно на это событие)
Подскажите, пожалуйста, почему у формы именно такое поведение?
И как сделать так, чтобы алерт появлялся при фокусировке input2?
PS: По условию задачи html код менять запрещено.
