The target event property returns the destination node of the event ( which DOM element triggered the event ), such as the element, document, or window that generated the event .
Syntax:event. Target
$ (document). Ready (function () {$ ("Button"). Click (Function (event) {//returns the uppercase element name buttonvar targetnodename =Event.target.nodeName; //Targetnodename is a string-type element name if(typeof Targetnodename = = "string") { //PrintAlert ("Targetnodename string") } $("DIV"). HTML ("Click event triggered by" + Targetnodename + "element")); //$ (targetnodename) Select this element if($ (targetnodename). Hasclass ("Button-class")) { //PrintAlert ("Targetnodename has class Button-class")} var parentnode= $ (event.target.nodeName). Parent () [0].nodename.tolowercase (); //Parentnode:bodyAlert ("ParentNode:" +parentnode); }); }); </script>class= "Button-class" > This is a button </button><div></div></body>
The target property of an event in JavaScript