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

Поделиться
HTML-код
  • Опубликовано: 4 дек 2024

Комментарии • 33

  • @orthodox-chanel
    @orthodox-chanel Год назад +3

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

  • @paranoia-1994
    @paranoia-1994 3 года назад +2

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

  • @orthodox-chanel
    @orthodox-chanel Год назад +2

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

  • @forandrej
    @forandrej 2 года назад +2

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

  • @andreyglavatskikh6403
    @andreyglavatskikh6403 3 года назад +4

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

    • @Atikan37
      @Atikan37 Год назад

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

    • @andreyglavatskikh6403
      @andreyglavatskikh6403 Год назад +1

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

  • @sergeylysenko1808
    @sergeylysenko1808 4 года назад +1

    respect

  • @МариРемарк-с9ш
    @МариРемарк-с9ш 4 года назад +1

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

  • @СергійОсійчук-ц3л
    @СергійОсійчук-ц3л 4 года назад

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

  • @alexeysedov278
    @alexeysedov278 2 года назад +1

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

    • @konstant1n-t8j
      @konstant1n-t8j 2 года назад

      setTimeout добавить в handler

    • @orthodox-chanel
      @orthodox-chanel Год назад

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

  • @МихаилП-о6ш
    @МихаилП-о6ш 6 месяцев назад +1

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

    • @selfedu_rus
      @selfedu_rus  6 месяцев назад

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

  • @glebkabayjanov5646
    @glebkabayjanov5646 4 года назад +4

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

  • @alexdreamer11
    @alexdreamer11 3 года назад +5

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

  • @СергійОсійчук-ц3л
    @СергійОсійчук-ц3л 4 года назад

    Подскажите, пойжалуста, есть ли такая возможность чтоби виводить дание на странице 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
      @korbendallas7474 4 года назад +1

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

    • @СергійОсійчук-ц3л
      @СергійОсійчук-ц3л 4 года назад

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

  • @swave2720
    @swave2720 10 месяцев назад +1

    ну француз!

  • @ruslanragilo7079
    @ruslanragilo7079 3 года назад

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

  • @pulato000
    @pulato000 4 года назад +5

    ДжаваСкрипт

  • @alexandrkatenev9783
    @alexandrkatenev9783 4 года назад +4

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

  • @Acteck-m7v
    @Acteck-m7v Год назад

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

  • @valeria23333
    @valeria23333 Год назад

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

    • @Atikan37
      @Atikan37 Год назад

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