Обнаружение поддержки данного события JavaScript?

Question

Я заинтересован в использовании JavaScript Hasthchange события для мониторинга изменений в идентификаторе фрагмента URL. Я в курсе Действительно простая история и плагины jQuery для этого. Тем не менее, я достиг заключения, что в моем конкретном проекте это не стоит добавить накладные расходы другого файла JS.

То, что я хотел бы сделать вместо этого, предпримет маршрут «Прогрессивное улучшение». То есть я хочу проверить, поддерживается ли событие Hashchange Browser Visitory, и напишите мой код, чтобы использовать его, если он доступен, как улучшение, а не основное функция. IE 8, Firefox 3.6 и Chrome 4.1.249 поддерживают его, и это приходится около 20% трафика моего сайта.

Итак, э-э ... Есть ли способ проверить, поддерживает ли браузер определенное событие?

Спасибо.

Answer 1

Ну, лучший подход не проходит через браузер нюхает, Юрий Зайцев (@kangax.) сделал действительно полезный метод обнаружения поддержки событий:

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;
})();

Применение:

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

Эта техника теперь используется в некоторых библиотек, таких как jquery.

Читайте больше здесь:

• Обнаружение поддержки событий без браузера нюхает

Answer 2

То Mozilla Documentation Предлагает следующее:

if ("onhashchange" in window) {
    alert("The browser supports the hashchange event!");
}

Это работает в IE8 и бета-версии Chrome 5 (я не тестировал Chrome 4.1), а правильно не удается в Opera и Safari.

Answer 3

Вот модификация Ответ предоставлен CMS, который не содержит функции в другом, что, я думаю, будет работать:

function event_exists(eventName){
    if(typeof(eventName)!='string' || eventName.length==0)return false;
    var TAGNAMES = {
        'select':'input','change':'input',
        'submit':'form','reset':'form',
        'error':'img','load':'img','abort':'img'
    }
    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;
}