HTML | Atributo de evento onsearch

Este atributo onsearch funciona cuando un usuario presiona el botón ENTER o hace clic en el botón x . Este evento funciona con el elemento <input>.
Etiquetas admitidas: 

Sintaxis: 
 

<element onsearch="script">

Atributo: este evento contiene un script de atributo único que contiene el script que se ejecutará cuando se llame al evento.
Ejemplo: 
 

html

<!DOCTYPE html>
<html>
    <head>
        <title>onsearch event</title>
        <style>
            .gfg {
                font-size:40px;
                color:green;
                font-weight:bold;
            }
            body {
                text-align:center;
            }
        </style>
    </head>
    <body>
     
    <div class = "gfg">GeeksforGeeks</div>
    <h2>onsearch event attribute</h2>
    <input type="search" id="geeks" onsearch="geeksforgeeks()">
 
    <p id="geek"></p>
 
 
     
    <script>
        function geeksforgeeks() {
            var x = document.getElementById("geeks");
            document.getElementById("geek").innerHTML =
                   "Searching Content: " + x.value;
        }
    </script>       
    </body>
</html>

Producción: 
 

Navegadores compatibles: los navegadores compatibles con el atributo de evento onsearch se enumeran a continuación: 
 

  • safari de manzana
  • Google Chrome
  • Ópera 15.0

Publicación traducida automáticamente

Artículo escrito por ManasChhabra2 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA

Deja una respuesta

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