issues with mouse cursor on dragstart event.

So im trying to get rid of the default style (o with line at 45deg) when dragging .. so i used e.preventdefault(). now im having the issue where styling is not being applied for the div thats being dragged ie red background colour . how to fix this?

Jochem•4/14/23, 7:39 AM

as always, a codepen is better than screenshots

Jochem•4/14/23, 7:39 AM

that said, you're using without declaring e as an argument

Jochem•4/14/23, 7:40 AM

the rest of the function probably doesn't run anymore after you get a "trying to call preventDefault on undefined" error

JJochem as always, a codepen is better than screenshots

AvinashOP•4/14/23, 8:38 AM

https://codepen.io/avinash-tallapaneni/pen/dygGrjR

i dont what the default cursor to be shown when dragging

CodePenAvinash-Tallapaneni

dygGrjR

...

Jochem•4/14/23, 8:48 AM

do you want to hide it completely? or just change it to something else?

AvinashOP•4/14/23, 8:50 AM

i want to change it something other than o/

Jochem•4/14/23, 8:51 AM

that's there because you don't have an element with a ondrop and ondragover handler, it'll be the more default dragging cursor (default arrow with a box next to it) if you implement those

Jochem•4/14/23, 8:52 AM

Take a look at the MDN docs, they explain a lot about how dragging and dropping works https://developer.mozilla.org/en-US/docs/Web/API/HTML_Drag_and_Drop_API

AvinashOP•4/14/23, 8:54 AM

i will add those thumbup