Business
Jobs
  • About Us
  • Solutions
    • Job Postings
      Post your job and receive qualified candidates in 48h.
    • Candidate Assessments
      500+ technical and psychological tests, plus anti-fraud.
    • Headhunting
      Tailor-made executive search from start to finish.
    • Payroll + EOR
      Payroll dispersal and EOR across 15+ LATAM countries.
  • Pricing
  • Jobs

0

143
Views
¿Cómo presionar la tecla Intro dentro de un campo de entrada con JavaScript puro o jQuery?

quiero simular una pulsación de entrada dentro de un campo de entrada de texto que puedo identificar usando una identificación. Primero encontraré mi campo de texto por document.getElementById . Esto funciona bastante bien. A continuación, quiero hacer clic dentro del campo de texto, así que coloque el cursor dentro de él. Y por último quiero presionar enter. No tengo idea de cómo puedo hacer esto. Y no pude encontrar ninguna solución aquí.

Mi código se ve como sigue:

 let plzField = document.getElementById("filter"); //find the text-field (works) plzField.click(); // works plzField.enter(); // does not work

¡Por favor ayuda!

about 4 years ago · Juan Pablo Isaza
3 answers
Answer question

0

Según su pregunta, parece que desea detectar si se produjo o no un evento de entrada. En Javascript puro, no existe tal evento onenter, pero con eventCode o eventName puede verificarlo.

Debe aplicar el filtro como lo aplicó en su código y luego debe verificar el evento keyPress() y dentro de este evento debe verificar `event.code || event.key' como a continuación

 var textInput = document.getElementById('foo'); function enter() { var keyboardEvent = new KeyboardEvent('keydown', { code: 'Enter', key: 'Enter', charKode: 13, keyCode: 13, view: window }); textInput.dispatchEvent(keyboardEvent); } textInput.addEventListener('keydown', function (e) { console.log(e); }); enter()
 <input type="text" id="foo" />

about 4 years ago · Juan Pablo Isaza Report

0

Utilice el detector de eventos Keyup. El código clave para ingresar es 13.

Para obtener más ejemplos, visite https://www.w3schools.com/howto/tryit.asp?filename=tryhow_js_trigger_button_enter

 let plzField = document.getElementById("filter"); plzField.addEventListener("keyup", function(event) { if (event.keyCode === 13) { console.log(event.target.value); } });
 <input type="text" id="filter" />

about 4 years ago · Juan Pablo Isaza Report

0

 $("#id_of_textbox").keyup(function(event) { if (event.keyCode === 13) { $("#id_of_button").click(); } }); $("#pw").keyup(function(event) { if (event.keyCode === 13) { $("#myButton").click(); } }); $("#myButton").click(function() { alert("Button code executed."); });
 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> Username:<input id="username" type="text"><br> Password:&nbsp; <input id="pw" type="password"><br> <button id="myButton">Submit</button>

about 4 years ago · Juan Pablo Isaza Report
Answer question
Find remote jobs

Discover the new way to find a job!

Top jobs
Top job categories
Business
Post vacancy Pricing Sales
Legal
Terms and conditions Privacy policy
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Show me some job opportunities
There's an error!