Este atributo onfocus funciona cuando el elemento se enfoca. Este atributo de evento se usa principalmente con elementos <input>, <select>, <a>. Este atributo de evento es compatible con todos los elementos HTML excepto <base>, <bdo>, <br>, <head>, <html>, <iframe>, <meta>, <param>, <script>, <style>, y <título> elementos.
Etiquetas compatibles: admite todos los elementos HTML que se indican a continuación:
- <base>
- <bdo>
- <br>
- <cabeza>
- <html>
- <iframe>
- <meta>
- <parámetro>
- <script>
- <estilo>
- <título>
Sintaxis:
<element onfocus = "script">
Valor del atributo: el valor del script se ejecuta cuando se llama al atributo onfocus.
Ejemplo:
html
<!DOCTYPE html>
<html>
<head>
<title>onfocus attribute</title>
<style>
h1 {
color:green;
}
body {
text-align:center;
}
input {
color:white;
margin-top:5px;
border:1px solid black;
border-radius:3px;
}
</style>
<script>
function sudo(x) {
document.getElementById(x).style.background = "green";
}
</script>
</head>
<body>
<h1>GeeksforGeeks</h1>
<h2>onfocus event attribute</h2>
First name: <input type="text" id="fname"
onfocus="sudo(this.id)"><br>
Last name: <input type="text" id="lname"
onfocus="sudo(this.id)">
</body>
Producción:
Navegadores compatibles: los navegadores compatibles con el atributo onfocus se enumeran a continuación:
- safari de manzana
- Google Chrome
- Firefox
- Ópera
- explorador de Internet
Publicación traducida automáticamente
Artículo escrito por ManasChhabra2 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA