Google Chrome Extension: addEventListener для созданного button

Question

[hadaev_ivan]

'sidebar' - div который создается content_script-ом моего расширения, в нем есть кнопка 'button' почему ниже приведенный код не срабатывает?

var sidebar = document.getElementById('sidebar');
    if (sidebar && sidebar.addEventListener) {
      sidebar.addEventListener('click',
          function (element) {
            switch (element.id) {
              case 'button':
                alert('button');
                break;
            }
          }, false);
    }

Спасибо за помощь)

Answer 1

[hadaev_ivan]

Прошу прощение) не разобрался)
проблема кода была в том что переменная "element" хранила объект "MouseEvent", а не объект html элемента. Чтобы получить доступ к нему нужно было использовать "element.srcElement"
Собственно заменил "element.id" на "element.srcElement.id" - все стало как надо)
Рабочий код:

var sidebar = document.getElementById('sidebar');
    if (sidebar && sidebar.addEventListener) {
      sidebar.addEventListener('click',
          function (element) {
            switch (element.srcElement.id) {
              case 'button':
                alert('button');
                break;
            }
          }, false);
    }