mouseup-event doesn't trigger during dragging

Asked Apr 01 '17 at 10:56

Active Apr 01 '17 at 12:10

Viewed 210 times

I drag one element over another and I want the other element to change when I let go of the drag. But the 'mouseup' event doesn't work when the mouse on the same time lets go of a dragged object. What can I do?

my html-list:

<ul id="list">
  <li  draggable="true" ondragstart="drag(event)">1</li>
  <li  draggable="true" ondragstart="drag(event)">2</li>
</ul>

The EventListener:

here.addEventListener("dragover", display, false);

The insert function:

function display(evt) {
var clicked =  evt.target;
var newItem = document.createElement('li');
newItem.innerHTML=clicked.innerHTML;
insertAfter(newItem, clicked);}

edited Apr 01 '17 at 12:10

asked Apr 01 '17 at 10:56

Julian

can you create a plunker? – Max Koretskyi Apr 01 '17 at 12:18
https://codepen.io/JulianLaub/pen/RpvwLP – Julian Apr 01 '17 at 12:23
are you getting it? – Julian Apr 01 '17 at 12:32
where is you `drag` function defined? – Max Koretskyi Apr 01 '17 at 12:45
I am thinking of leaving this all together and using library with angular - do you know if list configuration in vanilla js will bring me to my knees? – Julian Apr 01 '17 at 12:53
check this one https://github.com/marceljuenemann/angular-drag-and-drop-lists – Max Koretskyi Apr 01 '17 at 12:54
yeah, sth like that. I am using a mysql library sofar to make sure the resulsts are save. I will then create account for other users to manage their lists. Is that also doable with a library? – Julian Apr 01 '17 at 13:02
I don't know, see the docs for it – Max Koretskyi Apr 01 '17 at 13:02

mouseup-event doesn't trigger during dragging

0 Answers0