La propiedad DOM FocusEvent relatedTarget se utiliza para devolver un nombre del elemento que está relacionado con ese elemento que activó el evento de enfoque/desenfoque . Es propiedad de solo lectura.
- Para los eventos onfocus y onfocusin, el elemento relacionado es el elemento que PERDIÓ el foco.
- Para los eventos onblur y onfocusout, el elemento relacionado es el elemento que GOT se enfocó.
Sintaxis:
event.relatedTarget
Valor devuelto: Devuelve una referencia al elemento relacionado o devuelve un valor nulo si no hay elementos relacionados.
Ejemplo:
html
<!DOCTYPE html>
<html>
<body style="text-align:center;">
<h1>GeeksForGeeks </h1>
<h2>FocusEvent relatedTarget Property</h2>
<textarea rows="4"
cols="50">
Geeksforgeeks.It is a
computer science portal for Geeks.
</textarea>
<br>
<br> Input field:
<input type="text"
onfocus="RelatedElement(event)">
<p><b>First click on Textarea element
and then click the Textarea Element</b></p>
<script>
function RelatedElement(event) {
alert(
"The related element that lost focus was: "
+ event.relatedTarget.tagName);
}
</script>
</body>
</html>
Salida: Antes de enfocar un elemento:
Después de enfocar un elemento:
Navegadores compatibles: los navegadores compatibles con la propiedad de destino relacionada con DOM FocusEvent se enumeran a continuación:
- Google cromo 26
- Borde 12
- Internet Explorer 9.0
- Firefox 24.0
- safari de manzana 7
- Ópera 15
Publicación traducida automáticamente
Artículo escrito por ManasChhabra2 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA