Как понять, в каком из input'ов был нажат enter?

Question

[pavelkluev]

Есть блок с input'ами:

<div class="inputs">
  <input id="1">
  <input id="2">
  <input id="3">
</div>

Как при нажатии enter в .inputs понять, в каком именно инпуте была нажата кнопка?

Answer 1

[Dino Winchester]

const parentContainer = document.querySelector(".inputs");

parentContainer.addEventListener("keypress", event => {
   if (event.target.tagName !== "INPUT") return;
   if (event.key !== "Enter") return;

   console.log(event.target.id);
});

Answer 2

[Сергей delphinpro]

[...document.querySelectorAll('.inputs input')].forEach(input => {
 
  input.addEventListener('keypress', e => {
    
    console.log('Нажата клавиша в инпуте ' + input.id);

  })

});

Answer 3

[Roman]

// document.querySelectorAll('.inputs input').forEach(input => { ... });
input.addEventListener("keypress", (e) => {
        if (e.keyCode == 13) {
            e.preventDefault()
        }
    });