HTML DOM FocusEvent relatedTarget Property
Last Updated :
22 Jun, 2023
The DOM FocusEvent relatedTarget Property is used to return the 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 focuses.
- For onblur and onfocusout events, the related element is the element that GOT focuses.
Syntax:
event.relatedTarget
Return Value: It returns a reference to the related element or it returns a null if there are no related elements.
Example: In this example, we will see the use of DOM FocusEvent relatedTarget Property.
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:
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
Like Article
Suggest improvement
Share your thoughts in the comments
Please Login to comment...