Evento clear de un <input type=»search» />

19/Dic/2020 5

HTML5 hace años incorporó varios nuevos tipos de input, entre ellos el search. Este nuevo input -aparte de semántico- coloca una para borrar el valor ingresado en el input y comenzar de nuevo con la búsqueda.

input search

En sus comienzos este comportamiento fue ignorado por muchos desarrolladores ya que era propietario de Safari (Webkit) pero actualmente con soporte más amplio, me ví en el caso de tener que utilizar este evento clear, con el siguiente resultado: existe un nuevo evento para este input: search.

Con el siguiente simple código veremos su comportamiento:

<input type="search" id="searchbox" />
document.getElementById("searchbox").addEventListener("search", function(event) {
  console.log('search X clicked');
});

Ver ejemplo

Links:

Comentarios

  1. Wihljz [#]

    tadalafil cost – site sildenafil vs tadalafil

  2. Gwkxrb [#]

    tadalafil pill – buy generic tadalafil online buy tadalafil online reddit

  3. erotik [#]

    I was wondering if you ever considered changing the page layout of your website? Its very well written; I love what youve got to say. But maybe you could a little more in the way of content so people could connect with it better. Youve got an awful lot of text for only having 1 or 2 pictures. Maybe you could space it out better? Kassie Talbot Itin

  4. escort bayan [#]

    Some genuinely nice and useful info on this internet site, besides I conceive the design and style contains excellent features. Sandy Alon Joey

  5. bursa escort [#]

    I enjoy the efforts you have put in this, thank you for all the great posts. Paige Cece Silberman

Deja tu Comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

CSSLab