Detecting support for a given JavaScript event?

by

Well, the best approach is not going through browser sniffing, Juriy Zaytsev (@kangax) made a really useful method for detecting event support:

var isEventSupported = (function(){
  var TAGNAMES = {
    'select':'input','change':'input',
    'submit':'form','reset':'form',
    'error':'img','load':'img','abort':'img'
  }
  function isEventSupported(eventName) {
    var el = document.createElement(TAGNAMES[eventName] || 'div');
    eventName="on" + eventName;
    var isSupported = (eventName in el);
    if (!isSupported) {
      el.setAttribute(eventName, 'return;');
      isSupported = typeof el[eventName] == 'function';
    }
    el = null;
    return isSupported;
  }
  return isEventSupported;
})();

Usage:

if (isEventSupported('hashchange')) {
  //...
}

This technique is now used in some libraries like jQuery.

Read more here:

More Related Contents:

  1. event.preventDefault() vs. return false
  2. What is DOM Event delegation?
  3. What is event bubbling and capturing?
  4. How can I trigger a JavaScript event click
  5. The value of “this” within the handler using addEventListener
  6. What exactly is the parameter e (event) and why pass it to JavaScript functions?
  7. How to get a word under cursor using JavaScript?
  8. Intercept page exit event
  9. Listening for variable changes in JavaScript
  10. React onClick function fires on render
  11. How can I get the destination URL for the onbeforeunload event?
  12. Reading client side text file using Javascript
  13. Accessing an object’s property from an event listener call in JavaScript
  14. Enter key press behaves like a Tab in Javascript
  15. Detect mousemove when over an iframe?
  16. How to delay calling of javascript function?
  17. How to detect in iOS webapp when switching back to Safari from background?
  18. Do Javascript promises block the stack
  19. Remove key press delay in Javascript
  20. Event Capturing vs Event Bubbling [duplicate]
  21. Detecting an image 404 in Javascript
  22. Emulate jQuery “on” with selector in pure Javascript
  23. visibilitychange event is not triggered when switching program/window with ALT+TAB or clicking in taskbar
  24. Is dispatchEvent a sync or an async function
  25. How to detect if user has enabled full screen in browser
  26. Reload an HTML page just once using JavaScript
  27. Is there any way to call a function periodically in JavaScript?
  28. Trigger action on programmatic change to an input value
  29. Are dynamically inserted tags meant to work?
  30. Display Spreadsheet Data to HTML Table

Leave a Comment