Drag and Drop в HTML5

แชร์
ฝัง
  • เผยแพร่เมื่อ 11 ก.พ. 2020
  • Больше полезных бесплатных и платных курсов на loftschool.com/modules
    ______________________________
    ГДЕ С НАМИ ПООБЩАТЬСЯ
    ⚡️Школа онлайн-образования: loftschool.com/
    ⚡️Telegram Loftblog: t-do.ru/loftblog
    ⚡️Telegram IT-обучение: t-do.ru/it_loft
    ⚡️Группа вконтакте: loftblog
    Поставь лайк! Больше лайков - лучше выпуски :)

ความคิดเห็น • 27

  • @amalispace4815
    @amalispace4815 ปีที่แล้ว +1

    Спасибо большое, наконец хорошее видео, все, что нужно объяснили, все по полочкам!

  • @deniszubanov9823
    @deniszubanov9823 4 ปีที่แล้ว +5

    Спасибо! Интересно! Может быть, видео стоило назвать Drag & Drop в JS =)

    • @Heretic_Man
      @Heretic_Man 4 ปีที่แล้ว +3

      Js использует HTML5 Api поэтому. И все события это апи браузера а не js

  • @Kempriol
    @Kempriol 4 ปีที่แล้ว +1

    Хорошее объяснение, немного отвлекает эхо.

  • @chernobaev
    @chernobaev 4 ปีที่แล้ว +4

    Голос очень приятный! Слушать по кайфу :)

  • @yarik83men51
    @yarik83men51 4 ปีที่แล้ว

    Отлично

  • @pandaskeptic2937
    @pandaskeptic2937 4 ปีที่แล้ว +2

    Хороший урок! 👍 👍 👍

  • @maximpushkar9664
    @maximpushkar9664 4 ปีที่แล้ว

    Хороший урок, все понятно. Расскажите пожалуйста как задропить файл с компа в определенную область на странице. Например какой-то xml-файл нужно подгрузить в какую-то базу простым перетаскиванием с рабочего стола

    • @annasysoeva1185
      @annasysoeva1185 4 ปีที่แล้ว +4

      Если совсем кратко: по событию дроп делаем превент дефолт, чтобы файл не открывался во вкладке; определяем перетаскиваемый файл (e.dataTransfer.files[0]) Для визуализации - можно по дропу подгрузить иконку и подтянуть имя файла (через e.dataTransfer.files[0].name) и аякс-запросом отправить данные

  • @user-rv2yz8ox4d
    @user-rv2yz8ox4d 4 ปีที่แล้ว

    Спасибо! Было полезно.)

  • @oleksiisamoilenko1269
    @oleksiisamoilenko1269 4 ปีที่แล้ว +3

    кликбейт знатный, конечно)
    но в целом отлично, спасибо!

  • @andTutin
    @andTutin 4 ปีที่แล้ว +1

    Спасибо!

  • @alexoid-tmb
    @alexoid-tmb 4 ปีที่แล้ว +1

    весьма интересно

  • @benchik100
    @benchik100 ปีที่แล้ว

    👍💛💙

  • @kovaldn
    @kovaldn 4 ปีที่แล้ว

    Код с урока github.com/spureful/D-Dexmpl

  • @user-rz7xz4wf8p
    @user-rz7xz4wf8p 4 ปีที่แล้ว +1

    А preventDefault можно использовать только на событии dragover? Просто это как-то странно, что мы каждую миллисекунду делаем preventDefault элементу...

  • @serhiipeksymov3739
    @serhiipeksymov3739 3 ปีที่แล้ว

    Класс 🙌

  • @vegas9605
    @vegas9605 4 ปีที่แล้ว

    Ань, привет!
    В каком редакторе ты работаешь?

    • @annasysoeva1185
      @annasysoeva1185 4 ปีที่แล้ว +1

      Привет! это Brackets

    • @vegas9605
      @vegas9605 4 ปีที่แล้ว

      @@annasysoeva1185 только рассмотрел заголовок окошка. На 6" экране плохо видно...

  • @loremipsum_3722
    @loremipsum_3722 4 ปีที่แล้ว +1

    Все хорошо но на сафари это не работает) 😊 а сафари это важно

    • @yakut54
      @yakut54 4 ปีที่แล้ว

      сафари может идти лесом )) гуглохром наше всё!

    • @loremipsum_3722
      @loremipsum_3722 4 ปีที่แล้ว

      Это только на русском фрилансе)

    • @yakut54
      @yakut54 4 ปีที่แล้ว

      @@loremipsum_3722 а нас и дома не плохо кормят

    • @DenisHardenberg
      @DenisHardenberg 4 ปีที่แล้ว

      подтверждаю, нужны какие-то фиксы под сафари

  • @imvitalya
    @imvitalya 4 ปีที่แล้ว +6

    В комментариях в основном какие -то куколы...
    Вообще, стыдно должно быть за такие кликбейты в названиях

  • @naiz4005
    @naiz4005 4 ปีที่แล้ว +3

    Первый