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:
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 > |
Output: Before focusing an element:
After focusing an element:
Supported Browsers: The browsers supported by DOM FocusEvent relatedTarget Property are listed below:
- Google Chrome 26
- Edge 12
- Internet Explorer 9.0
- Firefox 24.0
- Apple Safari 7
- Opera 15