Форум

savsoft · #1 (**permalink**) 30.04.2021, 03:02

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

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

рони · #2 (**permalink**) 30.04.2021, 07:46

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

voraa · #3 (**permalink**) 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 · #4 (**permalink**) 01.05.2021, 00:33

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

Форум

Справочник

Discord чат

Курсы javascript