Eu posso criar uma função em JavascriptJavaScript e chamachamá-la da seguinte forma:
funcaoTeste = function()
{
console.log('Ola funcao teste');
};
funcaoTeste();
Para executar a função eu preciso chamar ela funcaoTeste()
, entretendo, as vezes eu me deparo com códigos JavascriptJavaScript 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 scriptscript. Parece que isso ocorre de uma forma automática que eu desconheço.
#Perguntas
- Como uma função é executa automaticamente sem ser chamada?
- Quem é responsável por executar as funções
onload()
eonsubmit()
?