JavaScript #11: обработчики событий: onclick, addEventListener, removeEventListener, event

[@orthodox-chanel]

Сергей, очень классно получается усваивать материал с вашим каналом, если бы вы выпустили туториол по VUE и Three.js было бы очень круто

[@paranoia-1994]

Шикарное объяснение, спасибо за ролик, очень понравилась структурированная подача

[@orthodox-chanel]

Хорошая тем с отслеживаием событий. Уже вижу как можно построить систему по защите от скрапинга используя онклик, Например если кто-то переходит по нашим ссылкам внутри сайта, через это событие можно отправлять запрос на сервер с указанием что был такой переход. И потом сравнивать переходы по сайту от пользователей и если функция онклик срабатывала на эти ссылки с этого айпи. то все ок, Если нет - значит что переход выполнялся не через браузер а через программу для парсинга. Можно еще навесить отслеживание мыши, чтобы быть уверенным, что эти переходы совершены не через селенум > хромдрайвер

[@forandrej]

Это 100% подписка))
супер объяснил

[@andreyglavatskikh6403]

Я конечно все это повторил, применил у себя, все работает, но ничего не понятно, как работает removeEventListener, что такое анонимная функция? Буду пересматривать опять

[@Atikan37]

Существует 3 типа функций:
1) Обычная именная:
function имяФункцииНаАнглийском (параметр1, параметр2) {
выражение с входными аргументами (параметрами);
return и то что будет возвращать функции
}
2) Анонимная функция или выражение. То же самое, что и первое, только не имеет названия функции в своей структуре и чтобы как то можно было к ней обращаться мы должны присвоить её новой переменной!
const/let/var названиеПеременнойНаАнглийском = function (параметр1, параметр2) {
выражение с входными аргументами (параметрами);
return и то что будет возвращать функции
}
3) Стрелочная функция. То же самое, что и первое, и второе, только не имеет зарезервированного слова function в своей структуре и чтобы как то можно было к ней обращаться мы должны присвоить её новой переменной!
const/let/var названиеПеременнойНаАнглийском = (параметр1, параметр2) => {
выражение с входными аргументами (параметрами);
return и то что будет возвращать функции
}

[@andreyglavatskikh6403]

@@Atikan37 Спасибо, я за год разобрался, но комментарий полезный

[@sergeylysenko1808]

respect

[@МариРемарк-с9ш]

Хорошо доходчиво разьясняете.спасибо.

[@СергійОсійчук-ц3л]

как сделать хлебные крошки которые показывают два пути навигации к целевой странице (F)? например A>C>E>F и A>F.

[@alexeysedov278]

Подскажите, как сделать, чтобы onclick вызывал событие через какое-то время, а не сразу срабатывал?

[@konstant1n-t8j]

setTimeout добавить в handler

[@orthodox-chanel]

В функции пропиши которая вызывается при клике проиши setTimeout, и в нем в качестве аргумента пропиши стрелочную функцию которая выполняет все остальные действия.

[@МихаилП-о6ш]

в 2024 году твой код не работает в курсе ?

[@selfedu_rus]

все меняется, увы

[@glebkabayjanov5646]

спасибо большое но единственное, очень быстро Объясняешь

[@ВладимирВладимир-ы8е]

Скорость воспроизведения можно поставить меньше,что бы вникать быстрее)))

[@glebkabayjanov5646]

Владимир Владимир ухааа

[@ВладимирВладимир-ы8е]

@@glebkabayjanov5646 как успехи в js? Год прошёл уже,или забросил?

[@glebkabayjanov5646]

Владимир Владимир спс отлично

[@alexdreamer11]

Информация интересная, подача пипец, смотрел на 0.75 скорости. Хотя бы интонацию что ли менял в конце предложений. Оттарабанил без точек и запятых на одном дыхании 11 минут. Рассказал действие выдохни, подитож и следующее рассказывай. Лайк за грамотно рассказанный материал.

[@СергійОсійчук-ц3л]

Подскажите, пойжалуста, есть ли такая возможность чтоби виводить дание на странице page.html в зависимости от того с какой страници ти на нее зашол test1.html, test2.html или test3.html?
if page.html била открита из страници test1.html print “A”
ifelse page.html била открита из страници test2.html print “B”
else print “C”

[@korbendallas7474]

Возможно поздно, но все же: это реализуется на стороне сервера, например flask или django

[@СергійОсійчук-ц3л]

@@korbendallas7474спасибо за совет. реализовал через javascript

[@swave2720]

ну француз!

[@ruslanragilo7079]

не указка, а изображение ручки с интроскопа

[@pulato000]

ДжаваСкрипт

[@alexandrkatenev9783]

А зачем медленнее объяснять кому нужно перемотать на 10 секунд или минуту назад нетрудно. Качественный структурированный материал. О чем еще мечтать 🤔

[@Acteck-m7v]

Откровенно говоря, автор залазит в такие дебри, что ни хрена не понятно! Откуда берётся alert А, при обращении через this??? Херня полная

[@pickun1524]

[@valeria23333]

месАдж, адд, ява, и без остановок подача материала, не мое, я так не могу

[@Atikan37]

а как по мне - так прекрасная подача и скорость! Могу порекомендовать ментора/наставника