11. Eventos

Los eventos son acciones que hace que se dispare una función. Prácticamente el evento puede ser una acción cualquiera por ejemplo el evento clic, focus, etc. a continuación se aliste los eventos para el uso en Javascript:

Hay varias formas para utilizar estos eventos:

Del lado del HTML:

<!DOCTYPE html>
<html>

    <head>
        <meta charset="utf-8">
        <title>Eventos en JavaScript</title>
    </head>
    <body>
        <input type="text" onfocus="Evento01()">
        <button onclick="Evento01()">Aceptar</button>
        
    </body>
</html>


<script>
    function Evento01()
    {
        console.log("Accion del evento");
    }
</script>

Utilizando los eventos directamente desde los controles.

Otra forma es asignando un Id al control

<!DOCTYPE html>
<html>

    <head>
        <meta charset="utf-8">
        <title>Eventos en JavaScript</title>
    </head>
    <body>
        <input type="text" id="TxtPrueba">        
    </body>
</html>


<script>
    function Evento01()
    {
        console.log("Accion del evento");
    }

     var ObjetoEvento = document.getElementById("TxtPrueba");
     ObjetoEvento.addEventListener("keypress", Evento01);
</script>

No se utiliza la palabra ya que ‘on’ se utiliza del lado del HTML.