About event object

In the function of the triggered event, we will receive a event object , Through this object, we need some parameters , For example, we need to know who this event has affected , You can go through event Properties of target To get to the .

function clickBtn(){
    
	console.log("event is : ", event);
}

event.target

target Attributes specify which DOM Element triggers the event .

event.target             // The target node of the event （ The node that triggered the event ）

event.target.nodeName 　　// Get the tag name of the event trigger element （li,p,div,img,button…）

event.target.id　　　　　　// Get event trigger elements id

event.target.className　　// Get event trigger elements classname

event.target.innerHTML　  // Get the content of the event trigger element （li）

function putOnTop(){
    
	console.log("event.target is : ", event.target);
}

jquery:this And event.target difference :

this Blistering .event.target No bubble is triggered by the event dom.