jQuery, используя вместо живого, дает неправильное «это» в обратном вызове

Question

Я пытаюсь отлаживать это некоторое время, и я не уверен, где все идет не так или что-то может повлиять на него. Код слишком велик, чтобы попытаться реплицировать, но я постараюсь как можно лучше объяснить, с чем я сталкиваюсь (я тоже не хотел использовать live, потому что он устарел).

$(document).on('click', someSelector, function(evt) { 
    evt.preventDefault(); 

    // Do something 

    console.log(this); 
}); 

В console.log, я получаю # документ назад, и я не уверен, почему. Мне интересно, может ли это быть противоречивым с каким-то другим кодом, который у меня есть, хотя я не могу показать остальную часть кода, потому что он слишком большой, чтобы его копировать и вставлять сюда, поэтому я думаю об этом вопросе, что может быть причиной такое поведение? Лично я думал, что это было странно, но может ли кто-нибудь сказать мне, что может произойти, что вызывает такое поведение и почему jQuery может обрабатывать способы его обработки здесь? Любая помощь будет с радостью оценена. Благодаря!!!

Answer 1

Вы указали свой обработчик событий на $(document). Это делает this вашим document. Вы хотите посмотреть на evt.target вместо этого, если вам интересно, какой элемент вызвал событие.