How do I prevent drag on a child, but allow drag on the parent?

Question

I have a div which the user can drag, inside that div is a span with some text which I want to allow the user to select (thus they cannot drag it). How do I allow the div to

Answer 1

You can change the child element to draggable and prevent default when ondragstart, this will leave the regular behavior on the child element and the parent will still be draggable

function drag(e){ if(e.target.type=="range")e.preventDefault();/*rest of your code*/  }

html: