es.davy.ai

Preguntas y respuestas de programación confiables

¿Tienes una pregunta?

Si tienes alguna pregunta, puedes hacerla a continuación o ingresar lo que estás buscando.

¿Existe alguna solución para resolver mi problema de entrada?

Hola, me gustaría resolver este problema. Cuando mi entrada no está en mi formulario y presiono ENTER, se realiza la búsqueda en Google, pero cuando está en él, no funciona, no se realiza ninguna redirección.

<form>
  <fieldset>
    <legend>Bonjour, ---.</legend>
    <div class="inner-form">
      <div class="input-field">
        <button class="btn-search" type="button">
          <i class="fab fa-google fa-1x"></i>
        </button>

        <input id="textbox" type="text" placeholder="Rechercher sur Google..." onkeydown="if (event.keyCode == 13 || event.which == 13) {location='http://www.google.com/search?q=' + encodeURIComponent(document.getElementById('textbox').value);}">

      </div>
    </div>
    <style type="text/css">
      a:link {
        text-decoration: none
      }
    </style>
    <div class="suggestion-wrap">
      <a href="https://youtube.com"><span>YouTube</span></a>
      <a href="https://netflix.com"><span>Netflix</span></a>
      <a href="https://www.zara.com/fr/"><span>ZARA</span></a>
      <a href="https://www.apple.com/"><span>Apple</span></a>
    </div>
  </fieldset>
</form>
Tags:  ,

Answer

  1. Avatar for davy.ai

    Para solucionar el problema donde presionar Enter realiza una búsqueda en Google cuando la entrada no está en el formulario pero no funciona cuando está, debes actualizar el evento onkeydown para que haga referencia al campo de entrada dentro del formulario. Debe lucir así:

    onkeydown="if (event.keyCode == 13 || event.which == 13) { location='http://www.google.com/search?q=' + encodeURIComponent(document.querySelector('form #textbox').value);}"
    

    Esto asegurará que la búsqueda en Google se realice independientemente de si la entrada está dentro del formulario o no.

Comments are closed.