jQuery | event.relatedTarget Property with Example

The event.relatedTarget is an inbuilt property in jQuery that is used to find which element is being entered or gets exit on mouse movement.


Parameter: It does not accept any parameter because it is a property not a function.
Return Value: It returns which element being entered or exited on mouse movement.

jQuery code to show the working of event.relatedTarget property:

        <!-- jQuery code to show working of this property -->
        $(document).ready(function() {
            $("div, p").mouseenter(function(event) {
                $("#d2").html("Pointer at : " + event.relatedTarget.nodeName);
        #d1 {
            height: 100px;
            width: 50%;
            padding: 10px;
            border: 2px solid green;
        #d2 {
            height: 20px;
            width: 50%;
            padding: 10px;
            margin-top: 10px;
            border: 2px solid green;
    <!-- this is outer div element -->
    <div id="d1">
        <!-- this is inner div element -->
        <div>This is a div element </div>
        <!-- this is paragraph element -->
        <p style="background-color:lightgreen">This is a paragraph</p>
    <div id="d2" />

Before mouse pointer is moved over the div element-

After mouse pointer is moved over the div element-

This article is attributed to GeeksforGeeks.org

You Might Also Like

leave a comment



load comments

Subscribe to Our Newsletter