Как работает this в обработчиках событий DOM?

В обработчике событий DOM this указывает на элемент, на котором зарегистрирован обработчик (то же, что event.currentTarget). Это работает и для addEventListener, и для атрибутов onclick. Но стрелочные функции и inline-атрибуты HTML ведут себя иначе: стрелочная функция берёт this из внешнего контекста, а в HTML-атрибуте this указывает на элемент.