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.
Syntax:
event.relatedTarget
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:
< html > < head > < script </ script > < script > <!-- jQuery code to show working of this property --> $(document).ready(function() { $("div, p").mouseenter(function(event) { $("#d2").html("Pointer at : " + event.relatedTarget.nodeName); }); }); </ script > < style > #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; } </ style > </ head > < body > <!-- 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 > < div id = "d2" /> </ body > </ html > |
Output:
Before mouse pointer is moved over the div element-
After mouse pointer is moved over the div element-
leave a comment
0 Comments