HTML | DOM FocusEvent relatedTarget Property
The DOM FocusEvent relatedTarget Property is used to returns a name of the Element that is related to that element that triggered the focus/blur event. It is read only Property.
- For onfocus and onfocusin events, the related element is the element that LOST focus.
- For onblur and onfocusout events, the related element is the element that GOT focus.
Syntax:
event.relatedTarget
Return Value: It returns a reference to the related element or it returns a null if there is no related elements.
Example:
<!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> |
Output:
Before focusing an element:
After focusing an element:
Supported Browsers: The browsers supported by DOM FocusEvent relatedTarget Property are listed below:
- Google Chrome
- Internet Explorer 9.0
- Firefox 24.0
- Apple Safari
- Opera
