JAVASCRIPT EVENT.TARGET

Using the event.target property together with the element.tagName property to find out which element triggered a specified event:

<body onclick="myFunction(event)">
<p>Click on any elements in this document to find out which element triggered the onclick event.</p>
<h1>This is a heading</h1>
<button>This is a button</button>
<p id="demo"></p>

<script>
function myFunction(event) { 
  var x = event.target;
  document.getElementById("demo").innerHTML = "Triggered by a " + x.tagName + " element";
}
</script>

3.6
5
Phoenix Logan 186120 points

                                    event.target javascript

3.6 (5 Votes)
0
3.67
9
Awgiedawgie 440220 points

                                    const theTarget = someEvent.target;

3.67 (9 Votes)
0
3.33
6
Phoenix Logan 186120 points

                                    The target property gets the element on which the event originally occurred, 
opposed to the currentTarget property, which always refers to the element 
whose event listener triggered the event.

3.33 (6 Votes)
0
3.67
6
Awgiedawgie 440220 points

                                    event.target returns the node that was targeted by the function. 
This means you can do anything you would do with any other node like one
you'd get from document.getElementById

3.67 (6 Votes)
0
3.67
7
Awgiedawgie 440220 points

                                    // Make a list
const ul = document.createElement('ul');
document.body.appendChild(ul);

const li1 = document.createElement('li');
const li2 = document.createElement('li');
ul.appendChild(li1);
ul.appendChild(li2);

function hide(evt) {
  // e.target refers to the clicked &lt;li&gt; element
  // This is different than e.currentTarget, which would refer to the parent &lt;ul&gt; in this context
  evt.target.style.visibility = 'hidden';
}

// Attach the listener to the list
// It will fire when each &lt;li&gt; is clicked
ul.addEventListener('click', hide, false);

3.67 (6 Votes)
0
Are there any code examples left?
Create a Free Account
Unlock the power of data and AI by diving into Python, ChatGPT, SQL, Power BI, and beyond.
Sign up
Develop soft skills on BrainApps
Complete the IQ Test
Relative searches
event.target div event e.target in js what e.target stands for in js e.target.value js what is target of an event js event.targetnjs call element method on event.target javascript event.target in javascript info using event.target how to use .target javascript target event in javascript js e.target.tag event target javascript is in div why we use e.target.value e.target.value ='' in js target events dom what is target event in javascript event target element value e.target event target use in js es6 event target event target dom event target element event target elemen javascript event.target. when do we use the e.target.value .target.element javascript e.target.data javascript event target attributes event.target element (e) =&gt; {e.target.value} event target value in js what can we target with event target in js event current target what does target mean in event event target&rsquo;s value click event target element e.target.value js e.target.value;}); target function in javascript using event.target javascript jaavascript target '$event.target' e.target. dom js element .target js element.target javascript event target tag e.target html javascript event.targetr do i have to use event.target method event target value html event target value e.target methods event.target == button event. target value what is target in javascript? javascript clicke event target what is target in js dom event.target.html event.target value js what does event.target.value mean e.target from div event target elements js event target type how to retrieve the element of event.target javascript event target properties and methods e.target === javascirpt element target js event target properties event target value js $(event.target).is event.target javascript properties what is e.target.value +e.target.value? javascript create new event with target javascript event target options target function javascript what is .target in javascript e.target value inside items javascript what section of html does event.target use eventlisteners js event target how to target function in javascript { target } js use of target in js event.target === div event target properties html get the event target javascript js event.target. how to properly target an event.target in javascript get elemnt using event.target what does target do in js event targeteting in javascript event.target meaning in javascript window target javascript javascript target elements event.target id js event.target.id; what is '$target' in js whatis event target in js whatis event target javascript use of event.target js event.target usages e.target.element event.target example w3school event.target example what is .target js event.target property javcript event.target method javcript target method javcript target meaning javascript purpose of target in js why target is used in js target this dom javascript what type of target in js what kind of target in js what is target in js how to use event.target target events how to check what element is for e.target javascrip event target target.element js e.target.dis how to get the element of e.target e.target value what does e.target do mdn e.target new target js event.target.id javascript example maening of e.target.value in Javascript inside e.target javascript evt.target javascript get element from event.target e.target javascript documentation event.target object javascript event.target.get event.target is javascript !event.target event target event detail event target evet detail what does event.target return e.target methods js should we use event target ev.target javascript event target type js event target current element how to use e.target in javascript js event target methods what does event.target mean js e.event.target what is a e.target in js ja $event.target atribbute what kind of information we can get from event.target in js target element javascript event target mdn event elements target target javasc get target event javascript javscript target html target event using event target? event.target javascrept use of e.target element.target js javacsript target event.target.complete js target event property js event.target.id javascript target elements in javascript w3s target js js get element event.target js get element event target how work event.target what is target in event.target.value in javascript checking if event.target is an html target html element event e.target.element javascript this.target js which methods can be used with event target in javascript event target on click get target from event javascript event.target.elements mdn event.target event target element detaiils if (event.target event.target on options target javacrpit javascript properties on target of event o que &eacute; event.target em javascript o que &eacute; event target em javascript how to create event.target in javascript what does event.target do What is event.target javascript how to target javascript event handler javascript target methods javascript event current target find element in event.target js event target &quot;event.target&quot; event.target hs target element js event .target mdn element.target in javascript what does the target property do in an event how to implement the target method in javascript event,current target js how to target event object js how to target event $event.target. how to find the event.target target javascript event js event target as element event target properties javascript what to use instead of event.target javascript js event target ineer html what is target in javascript what is the .target js value = event.target even.target in javascript event.target mdn event.targety e.target.elements javascript js get event target js event target to element event.target property .target in js .target event.target methods can we use event .target on div get event target element how to use target in javascript javascript event target type event.target.id js when to target es6 event.target.currentvalue how to use target event in javascript event.target methods html event.target methods htmls event, target elemen, jsvscript javascript target. target window js event target valuse event target options js for target element using target javascrit event.target javascript target value click event target javascript new.target what is event.target in js event target this what is event target value in javascript javascript target() element.target js new.target new.target javascript javascript element target javascript vanilla event.target javascript s target code event target javascript properties how to get event.target.result javascript target this javascript javascript event.target is button .target() js ways to get dom element from event target w3c event.target event.target object how target event works in javascript .target in javascript event.target javascript javascript target this event.target.elements[] javascript event.target values in js js events target javascript event.target type event.targetElement o que &eacute; event.target what is event target event.target.value in js target event what can i access with event.target in html short for event.target in javascript get element event target event.target properties in javascript mdn event target event.targetvalue e.target.html event.target explained event target elements for create event javascript target what does event.target refer to event.target properties js event.target.name javascript js event target get element get target value javascript event handler e.target e target us javascript WEVENT TARGET VALUE (&quot;&quot;) WEVENT TARGET VALUE target &quot;for&quot; javascript e.target.valueas how to target specific elemet using e target js event.targetr js how to get element from event target.value js javascript Event Targer js event target functions this.targe javascript e. target event.target html element event target get html element parent of e.target javscript event target event listener e.target event listener on button e.target javascript var target type javascript var target event.target properties javascript event.target.error code e.target style list jquery click event target details event target button what is .target in js e.target.parent how to get event target value event target.call call evebt target event.target javascript w3schools javascript event target element type event.target.value event.target action examoke target elenent javascript event handler get target element e . target event. target !$(event.target event.target.vlue e.target.style other list items javascript what is target element.target javascript javascript select target element how to get the event target how to get the event target tagname setting position of event.target e target not get event listener target event.target.getcontent what does event.target mean in javascript Event element document.onclick target e.target in js click target javascript how to get an elements property with target get event js event.target parent js target event javascript get event if target is a button event javascript event.target with javascri[t event.target hide get event targety mouseevent target even.target nedir how to get the event in javascript target.js get top e.target 'e.target as' e.target as js event target get tagname get elemen value from e.target what is e.target e.target element target input value javascript js create event object target e.target.onClck &lt;ELEMENT target &gt; search by event.target onclick target javascript event.target return und get properties of event target event .target protperties onclick event target value open close event target js how to select the state property inside change handler using e.target target element in javascript javascript target by element javascript target element by element how to get element from event javascript js e.target.tagname target in event javascript get element from event javascript e.target means typeof event.currentSrc target html with javascript get target for last event event parent target get element that triggered event javascript treact event.target javascript div onclick get target what does do target js javascript target function get target element from event javascript event.target change div property javascript event.target change style document.addEventListener('click', (event) =&gt; { if ( event.target.nodeName === 'LI' || get event text javascript the e element in javascript e , evt,. event js event.target is not working check event target type event target get list value target jquery methods under event.targte onclick target target element by value target button javascript target js event how to id of target in dom in javascript event target select class javascript how to target something in javascript from html e.target for li event.target.value angular event target cvalue targeting an element when clicking target property of event object will give handle of element of which in event as accured the target on mouse javascript http://event.target./ e.target meaning event target properties target.event javascript get element name of event e.target.elements.message javascript get target element state of e,target when no event is clicked upon javascript event target properties how to access target property onclick event get onclick target get the type of event target e.target.dataset.filter explanation how do you use target javascript evern target jquery event target to html element in js javascript event get target javascript event target.getelementbyid javascript event target get element input type javascript event target get element type event .target.value e.target get value .target property e.target js exmplained js event element check e.target target property javascript javascript, click event, event target event.target.value; add style to input event target js this.target html event target get tag name +event.target.value =event.target.value target javascript w3schools javascript e target value html click event target html event.target javascript get element that triggered event how to get target of element in js e.target.value jquery Number(event.target.id) event.target attributes mdn targetevent dom javascript dom event.target js click event target event.target in js handler response evt.target js target element get value of event.target js event.target gets t get target of event javascript e target .taget data js e.target event.target.label DOM event.target event.target list get target of element js get dom target element e.target for the full box javascript handler e.target.value what does event target returned items jquery target javascript dom events target.tagname addeventlistener how to target specific target javascript e.target.value event listener target .target() ajax event target js get target element javascript get event target use {target} e.target.value javascript exract e.target.value javascript javascript target property in bangla sent target value to function in event in javascript how to target * using javascript e.target jquery list of target properties in js target event js target event listener event target value jquery e.target get parent .target js js event.target deprecated ${$(event.target).val()} api searches button event handler e.target.style js display target information js target.value e.target.value javascript type of event target how to get event object in javascript js get event target container js get event targets container event target vcalue checked target in function javascript javascript send event target id to function javascript event.target.value target.value javascript get value from event.target js event.target.object event target style js event target value properties in e.target javascript values in target javascript event target parent event.target.value js get order from event target event target as node use event.target.value in constructor javascript kjs event target set event.target.value e.target.style methods target properties js context api e.target value e.target name event targets target for event handler in javascript how can I event target Alert in javascript how can I evetn target Alert in javascript how can I e.target Alert in javascript event.target.parent javascript get event element how to use e.target e.target options event.target functions $event.target jawscrypt ewent get tag event.target html store event target value or event key javascript target element js get element from event event target js e.target.value what is event target in javascript event.target.click event.target javascript click javascript event object target properties javascript target an element using this target this in javascript target object javascript el.target javascript get data-target in javascript event method onclick get event target get element from target javascript how get from e event target what hold input js event grub target methods js event grub target js event get value of event element event targe js snsrule to event target target with javascript target.value in javascript html event target which property reference the dom object that disaptched an event dom target evt.target.value js event listener target event.target.required parse object from event target evt.target e target dom event.taget dom event target js event click target js get target of event e.target in function event.target event listener event.target.type e target value javascrict event.target type i a a tag document e.target event.target all properties document.event targets if e.target e.target this javascript change target of event target on click event.target' elelment target js javascript get target node html event target node event target to node js event target parent evet target get onl;y first event target js how to get event.target element event.target/ js .target get event.target src data eventtarget properties e.target.valueof DOM event object target target.e event event target in javascript event.target. how to target elements in javascript event handler target http://event.target js event.target.name not working event target syntax javascript e object javascript value target value event obect javascript value even .target how to use e target event.target text javascript event target js syntax mouseevent target html event target in js jquery: target html element with properties event.target.src event trget property value event target 2 property values how to update dom on event.target javascript, digest how to update dom on event.target javascript target method js issues with event.target javascript javascript convert event target to element event . target javasacript e.target.elements get html element target e.target. this event listener target event target in jquery javascript .target target dom element based on element value the html text event target get element by event object.has(e.target) event.target in jquery js event target how to get html element with event target click event.target javascript using event target to grab html element how to get event target javascript js event get clicked element ev.target target method javascript event target tagname javascript [target] event.target.tagname target event javascript how to access elements of form using e.target? e.target.value dot js event find target event element javascript js window event target event.target.name example Event at target JavaScript how to click based on event target e.target properties event target value javascript event target id event.target js ckeck type of target html events how to set event target value call event on e.target.value how to take out the target object on html check event target type js javascript event value javascript event target value bangla javascript event target value event.target.categ what is .target javascript what is event.target javascript event get caller element event.target value javascript using event.target to grab id javascript e.target. parent event.target javascript example event.target.attributes in javascript what it will return targetelement javascript how to use event.target in javascript target html js event javascript target jquery event.target js target js event target class js target properties how to target prop using dom element event tRGTE event target value javascript event target get value OF INPUT javascript event.targe js event target tagname $event.target.valu js event.target properties event.target js javascript elemt target attribute target method in javascript event.target meaning event target function e.target js event.target The origin target for the event is obtained by using how to use &quot;target&quot; in DOM element e.target.tagname var target javascript get html element from event target evt.target js value from event javascript event toTarget what can we get with the event.target e target javascript what is event.target in javascript event target object javascript on click get target css position javascript on click get target css properties get target name javascript e target javacsript event.target.name for select taf how to grab value of event target javascript event.target.value javascript how to use event.target.value to get the value of html element using onClick to get event.target.value of an html element event . target $event.target.value .eventTarget jquery how to get element name from event javascript get event details javascript event .target e.target js event target methods js e.target.id javascript event.taget js .event.target.value input event.target js evt target js target elements javascript get evvent e.target javascript google event target target Event Property event target javascript get event target value event target name js event target attribute javascript event get element event.target get tag what is e.target in javascript use event.tarfget event targets in js $(event.target) target event in js e target event.target attributes jquery event target event target attributes javasccript target 'for' get target value js event.target jquery target js js event target attributes target text in javascript event.target properties for p value js e.target.value event.matches w3schools javascript event target tagname how to compare e.target value with dom target how to compare e.target value with dom value target get value of element javascript e.target check target type javascript target event's css value how to check event target's current css in javascript event.target event.target properties event.target.value javascript set default event target javascript target.value javascript event target event.target javascript target in js what is the use of target.value in js javascript event.target check if event.target.value is a string javascript javascript this value vs event target target javascript evt html javascript onclick event target value event.target.value in javascript target javascipt event.target in javascript target in javascript detect element target js e.target.value in javascript js target event attributes required js target event required javascript target javascript event.target properties e.target in javascript how to get a tag from event.target js .target javascript javascript e target e target js event target javascript
Made with love
This website uses cookies to make IQCode work for you. By using this site, you agree to our cookie policy

Welcome Back!

Sign up to unlock all of IQCode features:
  • Test your skills and track progress
  • Engage in comprehensive interactive courses
  • Commit to daily skill-enhancing challenges
  • Solve practical, real-world issues
  • Share your insights and learnings
Create an account
Sign in
Recover lost password
Or log in with

Create a Free Account

Sign up to unlock all of IQCode features:
  • Test your skills and track progress
  • Engage in comprehensive interactive courses
  • Commit to daily skill-enhancing challenges
  • Solve practical, real-world issues
  • Share your insights and learnings
Create an account
Sign up
Or sign up with
By signing up, you agree to the Terms and Conditions and Privacy Policy. You also agree to receive product-related marketing emails from IQCode, which you can unsubscribe from at any time.
Creating a new code example
Code snippet title
Source