Javascript-форум (https://javascript.ru/forum/)
-   Events/DOM/Window (https://javascript.ru/forum/events/)
-   -   Узнать на каком элементе нажата клавиша Enter. (https://javascript.ru/forum/events/82400-uznat-na-kakom-ehlemente-nazhata-klavisha-enter.html)

savsoft 30.04.2021 03:02

Узнать на каком элементе нажата клавиша Enter.
 
Есть форма с input type="text" полями и несколькими input type="submit".
Как можно узнать, на каком именно элементе нажата клавиша Enter?

$(function() {
	$("#filterform").on("submit", function(){
		// Если нажата Enter, то узнать id текущего элемента
	});
});

рони 30.04.2021 07:46

savsoft,
поставить обработку keydown на input type="text"

voraa 30.04.2021 07:59

Повесить на форму обработчик keydown и при нажатии Enter запоминать элемент

<body>
<form action="#">
<input type=text id=t1>
<input type=text id=t2>
<input type=text id=t3>
<input type=submit id=s1 value=s1>
<input type=submit id=s2 value=s2>
</form>
<script>
let inp = null
document.querySelector('form').addEventListener('submit', (ev) => {
	console.log(inp.id)
	ev.preventDefault()
})
document.querySelector('form').addEventListener('keydown', (ev) => {
	if (ev.key==='Enter') inp = ev.target
})

</script>
</body>

savsoft 01.05.2021 00:33

Спасибо, все заработало как нужно.


Часовой пояс GMT +3, время: 01:55.