Eu posso criar uma função em JavaScript e chamá-la da seguinte forma:

<!-- begin snippet: js hide: false console: true babel: false -->

<!-- language: lang-js -->

    funcaoTeste = function() 
    {
    	console.log('Ola funcao teste');
    };

    funcaoTeste();

<!-- end snippet -->

Para executar a função eu preciso chamar ela `funcaoTeste()`, entretendo, as vezes eu me deparo com códigos JavaScript em que uma função é executada mas eu não vejo onde ela é chamada.

Veja este exemplo prático de ilustração:

    window.onload = function()
    {
    	document.getElementById('form-exemplo').onsubmit = function (event) 
    	{
    		if ( CPF.validate(document.getElementById('cpf').value) !== true ) 
    		{
    			alert("CPF invalido");
    			return false;
    		}
    	};
    };

O código acima é referente a este formulário:

    <form method="post" id="form-exemplo">
    	<label for="nome">Nome </label>
    	<input type="text" id="nome" placeholder="Digite o nome" required>
    
    	<label for="cep">CEP </label>		
    	<input type="text" id="cep" placeholder="Digite o CEP" required pattern="\d{5}-?\d{3}">
    
    	<label for="cpf">CPF </label>
    	<input type="text" id="cpf" placeholder="Digite o CPF" required>
    
    	<input type="submit" value="Enviar">
    </form>

Repare que as funções `onload()` e `onsubmit()` foram declaradas, porém não existe a chamada delas no *script*. Parece que isso ocorre de uma forma automática que eu desconheço.

#Perguntas

 1. Como uma função é executa automaticamente sem ser chamada?
 2. Quem é responsável por executar as funções `onload()` e
    `onsubmit()`?