У меня есть перетаскиваемый <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
Мне не удалось отследить это событие. На других мероприятиях это сработало.