Override default behaviour for link (‘a’) objects in Javascript

by

If you don’t want to iterate over all your anchor elements, you can simply use event delegation, for example:

document.onclick = function (e) {
  e = e ||  window.event;
  var element = e.target || e.srcElement;

  if (element.tagName == 'A') {
    someFunction(element.href);
    return false; // prevent default action and stop event propagation
  }
};

Check the above example here.

More Related Contents:

  1. How can I tell if a DOM element is visible in the current viewport?
  2. Smooth scrolling when clicking an anchor link
  3. How to scroll an HTML page to a given anchor
  4. How to show Page Loading div until the page has finished loading?
  5. How to check in Javascript if one element is contained within another
  6. Violation Long running JavaScript task took xx ms
  7. How do I replace text inside a div element?
  8. How to bind bootstrap popover on dynamic elements
  9. Get element at specified position – JavaScript
  10. getElementsByName in IE7
  11. DOMNodeInserted equivalent in IE?
  12. How to iterate through all attributes in an HTML element?
  13. Detecting if a browser is in full screen mode
  14. Chrome extension adding external javascript to current page’s html
  15. JavaScript: DOM load events, execution sequence, and $(document).ready()
  16. HTML Table with vertical rows
  17. How to move table row in jQuery?
  18. How to check if DOM is ready without a framework?
  19. JavaScript NodeList
  20. How AJAX is done in github source browse?
  21. JavaScript scrollTo method does nothing?
  22. Select div using wildcard ID
  23. Is it the last `script` element the currently running script?
  24. Difference between document.addEventListener and window.addEventListener?
  25. What is the difference between Window and window?
  26. How to get the title of HTML page with JavaScript?
  27. document.createElement(‘script’)… adding two scripts with one callback
  28. Alternative to DOMNodeInserted
  29. How browser executes Javascript and renders asynchronously
  30. How to prevent an iframe from reloading when moving it in the DOM

Leave a Comment