Get Clicked from

by

You can use event.target for this:

JS:

// IE does not know about the target attribute. It looks for srcElement
// This function will get the event target in a browser-compatible way
function getEventTarget(e) {
    e = e || window.event;
    return e.target || e.srcElement; 
}

var ul = document.getElementById('test');
ul.onclick = function(event) {
    var target = getEventTarget(event);
    alert(target.innerHTML);
};

HTML:

<ul id="test">
    <li>Item 1</li>
    <li>Item 2</li>
    <li>Item 3</li>
</ul>

Example: http://jsfiddle.net/ArondeParon/2dEFg/5/

Please note that this is a very basic example and you will likely encounter some problems when you delegate events to elements containing more than one level. When this happens, you will have to traverse the DOM tree upwards to find the containing element.

More Related Contents:

  1. javascript – shuffle HTML list element order
  2. Sort an html list with javascript
  3. Sorting a list by data-attribute
  4. 5 stars and the golden 5 stars are not together (When browsing with Internet explorer)
  5. Dynamically adding div on button click and changing Id of each?
  6. How to make page loaders/animations/transitions
  7. Get specific text from html tag jquery [duplicate]
  8. How to change the image while sharing the content to the social networks? [duplicate]
  9. How to show Page Loading div until the page has finished loading?
  10. How exactly does work?
  11. Open URL in same window and in same tab
  12. How do I add an “Add to Favorites” button or link on my website?
  13. Get local href value from anchor (a) tag
  14. Textarea that can do syntax highlighting on the fly?
  15. Getting Bootstrap’s modal content from another page
  16. How to upload image into HTML5 canvas
  17. Run change event for select even when same option is reselected
  18. Enter key press behaves like a Tab in Javascript
  19. JQuery Slider, how to make “step” size change
  20. HTML comments in a javascript block?
  21. How to move table row in jQuery?
  22. How to draw polygons on an HTML5 canvas?
  23. show loading icon until the page is load?
  24. How to use square cursor in a HTML input field?
  25. How to specify download location in Html using JavaScript
  26. Why can’t I get the input from the input box?
  27. HTML Canvas Full Screen
  28. Remove DIV tag using Javascript or Jquery
  29. Change style header/nav with Intersection Observer (IO)
  30. Detecting by how much user has scrolled

Leave a Comment