Implementing Drag & Drop in my website?

Ask the community
,
1

Hello.
I would like to create a custom drag & drop system for my website (unless there is a built-in way to do it).

Could somebody tell me how to know if the left mouse button is released or pressed?

Something like

let clicking = mouseLeftPressed();

Which would make clicking equals to false or true.

I currently use an HTML iframe and thinking about directly use my own HTML/JS, but I would like avoid those practices. I’m also not sure if I will can make “Communications” from my HTML component and my Wix page, and vice-versa (I’m reading the “Messages” documentation and will try it tomorrow).

Regards. :slight_smile:

EDIT :
Be able to simply change the mouse cursor would be a solution too for me. If somebody knows how to replace the mouse cursor with a custom PNG picture (of any size), I would be glad to know the tip! :slight_smile:
Take care.

2

https://www.wix.com/corvid/forum/community-discussion/implementing-drag-drop

3

Wix support web component
https://support.wix.com/en/article/corvid-about-custom-elements-8253009

you cannot use corvid to move element as the api is not supported but you can create ur element via web component and move than around anywhere in the screen but you will need some advance js knowledge to do so

4

There is the Shopify / draggable node that can be added. I’m just having a hell of a time trying to go through the code to understand how to implement it.