Я бы эмулировал в чистом javascript основной функционал jQuery.on( events , selector , data) метод.

Например

$(document).on('click','.button',function() {
   console.log("jquery onclick"); 
});

Я думал, что достаточно сделать что-то подобное

document.addEventListener('click',function(e) {
    if(e.target.className == 'button2') {
         console.log("It works");   
    }
});

Однако, когда у меня есть эта структура HTML:

Hello <span>World</span>

мой сценарий нет работает, когда событие клика срабатывает наspan элемент, потому чтоe.target являетсяspan, (Я игнорирую для этого вопроса сложность элементов с несколькими классами и совместимость с кроссбраузерами)

источник jQuery не просто читать и я неЯ не понимаю, как это работает (потому что первый фрагмент кода, в jQuery, работает с моей структурой html).

Мне нужен этот метод, потому что мой HTML является динамическим, и кнопки с этим классом создаются, удаляются и воссоздаются много раз. Я неНе хочу добавлять слушателей каждый раз.

Я бы по возможности избегал включать библиотеку jquery.

Итак, я могу это сделать?

ЗдесьjsFiddle для тестирования.