Tengo el enlace del formulario de "chips" que puede ver en la imagen adjunta aquí y quiero crear una condición, como si alguien presiona "Enter", puede notar el elemento agregado, pero lo que sucede aquí es que el formulario envía los datos al backend.

Intenté muchas veces modificar el comportamiento usando el "evento", pero no funcionó, puedes ver los enfoques con los que me quedé:

Enfoque1:

 // input to submit job const submit_job = document.getElementById("submit-job"); submit_job.onclick = (e) => { e.preventDefault(); if (e.key !== "") { console.log(e.currentTarget) } else if (e.pointerType === "mouse") { submit_job.onsubmit = () => { return true } } }

// Este enfoque no funcionará porque descubrí que "e.key" solo funcionaba al escribir con el teclado

Enfoque 2:

 function getEventType(event) { if (event.type === "keydown") { event.preventDefault(); } } submit_job.addEventListener('keydown', getEventType, true); submit_job.addEventListener('click', getEventType);

Entonces, ¿alguna ayuda en ese problema, por favor?

Nota:

No es necesario ver el código completo porque el código funciona bien, pero cuando lo coloco en el formulario, ocurre este problema, por lo que puede inspirarme usando esa variable solo "submit_job" en su respuesta.