Vincular evento ao elemento usando JavaScript puro
Estou escrevendo uma API e, infelizmente, preciso evitar qualquer biblioteca jQuery ou de terceiros. Como exatamente os eventos são vinculados a elementos por meio do jQuery?
Exemplo de jQuery:
$('#anchor').click(function(){
console.log('anchor');
});
Estou perto de escrever um atributo onClick no elemento por frustração, mas gostaria de entender o link entre o evento jQuery e o elemento DOM.
Como exatamente o elemento sabe disparar um evento jQuery quando a marcação em si não é alterada? Como eles estão pegando o evento DOM e substituindo-o?
Eu criei meu próprio manipulador Observer, mas não consigo entender como vincular o elemento aos eventos Observer.