Не могу отслеживать событие перетаскивания - JS - PullRequest
0 голосов
/ 27 марта 2020

У меня есть перетаскиваемый <div> на моем сайте. Я хочу отключить параметр перетаскивания над определенной точкой на моей странице.

Когда я просто пытаюсь отслеживать событие перетаскивания и оповещать о том, что у меня ничего не получается.

Вот как я сделал это перетаскивается (Divs с классом "screen"):

//Resizable + Draggable
  let resizeOpts = { 
    handles: "all" ,autoHide:true
  }; 
  $('.screen')
.draggable()
.resizable(resizeOpts);

$('.screen')
.resizable({
  start: function(e, ui) {
    alert('resizing started');
  },
  resize: function(e, ui) {

  },
  stop: function(e, ui) {
    alert('resizing stopped');
  }
});
console.log(arrScreens);
}

Это когда я пытаюсь отслеживать событие перетаскивания:

var elements = document.getElementsByClassName("screen");
for (var i = 0; i < 30; i++) {
  elements[i].addEventListener('dragstart', function() {
    alert("You dragged the element");
  }, false);
}

** Также, если я попробовал addeventlistener на теге body Мне не удалось отследить это событие. На других мероприятиях это сработало.

...