HTML | Evento de activación del DOM

El evento DOM onkeyup en HTML ocurre cuando se suelta una tecla después de que el usuario la presione.

Orden de eventos relacionados con el evento onkeyup:

onkeydown
al pulsar una tecla
encendido

Etiquetas HTML admitidas: todos los elementos HTML, EXCEPTO:

<base>
<bdo>
<br>
<cabeza>
<html>
<iframe>
<meta>
<parámetro>
<script>
<estilo>
<título>

Sintaxis:

En HTML:
```
<element onkeyup="myScript">
```
En JavaScript:
```
object.onkeyup = function(){myScript};
```
En JavaScript, usando el método addEventListener():
```
object.addEventListener("keyup", myScript);
```

Ejemplo: evento onkeyup usando el método addEventListener()

<!DOCTYPE html>
<html>
  
<head>
    <title>
      HTML DOM onkeyup Event
  </title>
</head>
  
<body>
    <center>
        <h1 style="color:green">
          GeekforGeeks
      </h1>
        <p>
          Press any key inside the input field
      </p>
  
        <input type="text" 
               id="inputField" 
               style="background-color:green">
  
        <script>
            document.getElementById(
              "inputField").addEventListener(
              "keyup", GFGFun);
  
            function GFGFun() {
                document.getElementById(
                  "inputField").style.backgroundColor = 
                  "yellow";
  
            }
        </script>
    </center>
</body>
  
</html>

Salida:
Antes:

Después:

Navegadores compatibles: los navegadores compatibles con HTML DOM onkeyup Event se enumeran a continuación:

Google Chrome
explorador de Internet
Firefox
safari de manzana
Ópera

Publicación traducida automáticamente

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

Deja una respuesta Cancelar la respuesta