Manual de Referência HTML

大全 de Tags HTML

Atributo de evento onfocus em HTML

A propriedade onfocus é usada para obter ou definir a função de manipulação de eventos do evento de foco do elemento atual. O evento de foco é acionado quando o elemento atual ganha foco com o teclado.

Atributos de eventos HTML

Exemplo Online

Executa o script quando o campo de entrada ganha foco:

Exemplo

<!DOCTYPE html>
<html>
<head>
<title>Uso do atributo de evento onfocus em HTML (Tutorial Básico da Web oldtoolbag.com)</title>
<script>
function setStyle(x)
{
　　　　document.getElementById(x).style.background="yellow";
}
</script>
</head>
<body>
<p>Quando o campo de entrada ganha foco, a função setStyle é acionada. Esta função muda a cor de fundo do campo de entrada.</p>
O primeiro nome: <input type="text" id="fname" onfocus="setStyle(this.id)"><br>
O último nome: <input type="text" id="lname" onfocus="setStyle(this.id)">
</body>
</html>

Teste e veja ‹/›

Compatibilidade do navegador

IEFirefoxOperaChromeSafari

Todos os navegadores populares suportam o atributo de evento onfocus

Definição e uso

O atributo onfocus é acionado quando o elemento obtém o foco.

Onfocus geralmente é usado com <input>, <select> e <a>.

Dica:O evento de atributo oposto ao onfocus éonblur .

Atenção: O atributo onfocus não pode ser usado nos seguintes elementos: <base>, <bdo>, <br>. <head>, <html>, <iframe>, <meta>, <param>, <script>, <style>, ou <title>.

HTML 4.01 e HTML5as diferenças entre

Nenhum.

Sintaxe

<elemento onfocus="script">

Valor do atributo

Valor	Descrição
script	Define o script a ser executado quando o evento onfocus for acionado

Atributos de eventos HTML

HTML: <template> etiqueta