Блог

Главная - Вопросы по программированию - Перетаскивание карты

Перетаскивание карты

#javascript #html #jquery

#javascript #HTML #jquery

Вопрос:

Я пытаюсь переместить один элемент в следующий блок, но событие перетаскивания и перетаскивания не было обнаружено. Кто-нибудь может это объяснить?

 let dropTarget = $('.box'),
  dropSource = $('.inner-box');

dropTarget.on('dropover dropenter', function(e) {
  e.preventDefault()
  console.log(1)
}) 
 .box {
  width: 80px;
  height: 80px;
  border: 1px solid black;
}

.inner-box {
  width: 100%;
  height: 100%;
  background: red;
} 
 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<div class="box">
  <div class="inner-box" draggable="true"></div>
</div>
<div class="box"></div>
<div class="box"></div>

Комментарии:

1. dropover Событий или нет dropenter . Я думаю, вы имеете в виду dragover и dragenter . Голосование за закрытие из-за опечатки

2. Также обратите внимание, что доступно множество библиотек перетаскивания, которые облегчат вам жизнь. Например, jQueryUI: jqueryui.com/droppable

Метки: