Skip to content
Related Articles

Related Articles

Improve Article
HTML | DOM FocusEvent relatedTarget Property
  • Last Updated : 29 Oct, 2020

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



My Personal Notes arrow_drop_up
Recommended Articles
Page :