Sabemos que, após o desenvolvimento orientado a objetos, quase todos os idiomas podem ser baseados em objetos "uma vez durante a noite", e o JavaScript também é um idioma baseado em objetos. O comportamento do usuário no navegador é chamado de "eventos", e uma série de ações acionadas posteriormente, como pop-ups, alterando o tamanho do navegador, a verificação e a balabala, são todos chamados de "orientado a eventos". Obviamente, desta vez, apresentarei principalmente vários eventos comuns.
PS: O suporte para scripts JS depende do navegador! ! ! Algumas versões mais baixas dos navegadores podem não apoiá -lo! ! !
1. Clique em Evento (OnClick)
O que é um evento de clique? Quando o usuário clicar no botão do mouse Sim, um evento de clique será gerado. Ao mesmo tempo, o manipulador de eventos especificado pelo OnClick será chamado. Geralmente aplicado ao botão (objeto de botão), caixa de seleção (caixa de seleção), rádio (botão de rádio), botões de redefinição (botão de redefinição) e botões de envio (botão de envio).
Faça uma grande jogada:
<! Doctype html> <html lang = "en"> <head> <meta charset = "utf-8"> <title> js Basic Click Event </title> </ad Head> <Body> <Form> <script Language = "javascript"> function () {alert ("Você apenas clicou no botão"); } </script> <input type = "button" value = "button" onclick = "aclick ()"/> </form> </body> </html>O efeito é o seguinte:
2. Evento de mudança (OnChange)
Depois que o usuário altera o valor do formulário, o evento OnChange é acionado.
O código é o seguinte:
<! Doctype html> <html lang = "en"> <head> <meta charset = "utf-8"> <title> JS Base Change Event </title> <script linguagem = "javascript"> function check () {alert ("o valor da caixa de texto alterou"); } </script> </ad Head> <body> <form> <input type = "text" value = "Este é um texto de texto" name = "name" onchange = "check ()"/> </mand> </body> </html>O efeito é o seguinte:
3. Selecione Evento (OneSelect)
Quando um elemento na página é selecionado, o evento ONSelect é acionado.
O código é o seguinte:
<! Doctype html> <html lang = "en"> <head> <meta charset = "utf-8"> <title> JS Base Change Event </title> <script linguagem = "javascript"> function check () {alert ("o valor da caixa de texto alterou"); } </script> </ad Head> <body> <form> <input type = "text" value = "Este é um texto de texto" name = "name" onchange = "check ()"/> </mand> </body> </html>O efeito é o seguinte:
4. Evento de carga (Onload)
O evento de carregamento é um evento que é acionado quando a página da web é aberta.
O código é o seguinte:
<! Doctype html> <html lang = "en"> <head> <meta charset = "utf-8"> <title> JS Evento básico de carregamento </ititle> <script linguagem = "javascript"> function check () {alert ("não se anseie, o xiao d é o caminho para o caminho para o caminho para o cavalo, o (∩ ∩) {alert (" não se anseia, xiao d é o caminho para o caminho para o cavalo, o (∩); } </script> </ad Head> <corpo onLload = "check ()"> </body> </html>O efeito é o seguinte:
5. Antes do evento de descarregamento (antes da carga)
Para ser preciso, é mais apropriado ligar para "antes de sair do evento da página" e acionará este evento quando você clicar no botão Fechar na guia atual.
O código é o seguinte:
<! Doctype html> <html lang = "en"> <head> <meta charset = "utf-8"> <title> JS Basics pré-unload Event </title> <script linguage = "javascript"> function check1 () {alert ("realmente quer me deixar? ..."); } </script> </ad Head> <corpo onBeforeUnLoad = "Check1 ()"> <H1> Esta é a página usada para verificar o evento pré-unload </h1> </body> </html>O efeito é o seguinte:
O artigo acima fala brevemente sobre o driver básico de eventos do cliente do JavaScript é todo o conteúdo que compartilho com você. Espero que possa lhe dar uma referência e espero que você possa apoiar mais o wulin.com.