# Implementing Drag & Drop in my website?

**URL:** <https://forum.wixstudio.com/t/implementing-drag-drop-in-my-website/29013>\
**Category:** Ask the community\
**Tags:** code, question\
**Created:** [April 2, 2020, 4:10pm UTC](https://forum.wixstudio.com/t/implementing-drag-drop-in-my-website/29013 "2020-04-02T16:10:36Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![jaimelesfritent2](https://sea1.discourse-cdn.com/wix/user_avatar/forum.wixstudio.com/jaimelesfritent2/32/17896_2.png) [@jaimelesfritent2](https://forum.wixstudio.com/u/jaimelesfritent2)\
**Post date:** [April 2, 2020, 4:10pm UTC](https://forum.wixstudio.com/t/implementing-drag-drop-in-my-website/29013/1 "2020-04-02T16:10:36Z")

</div>

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

```javascript
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. 🙂

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! 🙂  
Take care.

---

<div class="post-metadata">

**Author:** ![jaimelesfritent2](https://sea1.discourse-cdn.com/wix/user_avatar/forum.wixstudio.com/jaimelesfritent2/32/17896_2.png) [@jaimelesfritent2](https://forum.wixstudio.com/u/jaimelesfritent2)\
**Post date:** [April 4, 2020, 9:07am UTC](https://forum.wixstudio.com/t/implementing-drag-drop-in-my-website/29013/2 "2020-04-04T09:07:30Z")

</div>

[https://www.wix.com/corvid/forum/community-discussion/implementing-drag-drop](https://www.wix.com/corvid/forum/community-discussion/implementing-drag-drop)

---

<div class="post-metadata">

**Author:** ![salman-hammed](https://sea1.discourse-cdn.com/wix/user_avatar/forum.wixstudio.com/salman-hammed/32/2576_2.png) [@salman-hammed](https://forum.wixstudio.com/u/salman-hammed)\
**Post date:** [April 4, 2020, 9:42am UTC](https://forum.wixstudio.com/t/implementing-drag-drop-in-my-website/29013/3 "2020-04-04T09:42:17Z")

</div>

Wix support web component  
[https://support.wix.com/en/article/corvid-about-custom-elements-8253009](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

---

<div class="post-metadata">

**Author:** ![ben48093](https://sea1.discourse-cdn.com/wix/user_avatar/forum.wixstudio.com/ben48093/32/18492_2.png) [@ben48093](https://forum.wixstudio.com/u/ben48093)\
**Post date:** [April 23, 2020, 8:56pm UTC](https://forum.wixstudio.com/t/implementing-drag-drop-in-my-website/29013/4 "2020-04-23T20:56:46Z")

</div>

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.

> **[GitHub - Shopify/draggable: The JavaScript Drag & Drop library your...](https://github.com/Shopify/draggable)**
>
> The JavaScript Drag & Drop library your grandparents warned you about. - GitHub - Shopify/draggable: The JavaScript Drag & Drop library your grandparents warned you about.