# Binding mouseDragged to function

**URL:** <https://discourse.processing.org/t/binding-mousedragged-to-function/15516>\
**Category:** Beginners\
**Created:** [November 15, 2019, 8:14pm UTC](https://discourse.processing.org/t/binding-mousedragged-to-function/15516 "2019-11-15T20:14:53Z")\
**Posts on this page:** 9\
**Page:** 1

<div class="post-metadata">

**Author:** ![BSiemens](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.processing.org/bsiemens/32/216_2.png) [@BSiemens](https://discourse.processing.org/u/BSiemens)\
**Post date:** [November 15, 2019, 8:14pm UTC](https://discourse.processing.org/t/binding-mousedragged-to-function/15516/1 "2019-11-15T20:14:53Z")

</div>

I’m binding mouse events to functions and they all work fine apart from:

cnv.mouseDragged(mDragged);

Anyone have any idea why?

---

<div class="post-metadata">

**Author:** ![GoToLoop](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.processing.org/gotoloop/32/86_2.png) [@GoToLoop](https://discourse.processing.org/u/GoToLoop)\
**Post date:** [November 15, 2019, 10:07pm UTC](https://discourse.processing.org/t/binding-mousedragged-to-function/15516/2 "2019-11-15T22:07:38Z")

</div>

> [@BSiemens](#):
>
> I’m binding mouse events to functions…

- I dunno what you mean by binding! 🤷‍♂️
- Notice though that **mouseDragged()** doesn’t exist in p5.Element: 🖱  
[reference | p5.js](http://p5js.org/reference/#/p5.Element)
- It’s a p5 callback only: *️⃣  
[reference | p5.js](http://p5js.org/reference/#/p5/mouseDragged)

> <https://github.com/processing/p5.js/blob/0.10.2/src/events/mouse.js#L604-L628>

---

<div class="post-metadata">

**Author:** ![dan850](https://avatars.discourse-cdn.com/v4/letter/d/e9c0ed/32.png) [@dan850](https://discourse.processing.org/u/dan850)\
**Post date:** [November 15, 2019, 11:48pm UTC](https://discourse.processing.org/t/binding-mousedragged-to-function/15516/3 "2019-11-15T23:48:57Z")

</div>

@BSiemens what do you mean by “Binding”? Do you have any sample code to demonstrate the issue?

---

<div class="post-metadata">

**Author:** ![GoToLoop](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.processing.org/gotoloop/32/86_2.png) [@GoToLoop](https://discourse.processing.org/u/GoToLoop)\
**Post date:** [November 16, 2019, 12:28am UTC](https://discourse.processing.org/t/binding-mousedragged-to-function/15516/4 "2019-11-16T00:28:41Z")

</div>

The sketch below emulates p5::**mouseDragged()** inside a p5.Element::**mouseDragged()** callback by checking p5::_mouseIsPressed_: 💡

> **[Rotating Cube](https://bl.ocks.org/GoSubRoutine/a117ecb16a8b0f939a190f87d3a13267)**
>
> GoSubRoutine’s Block a117ecb16a8b0f939a190f87d3a13267

> <https://gist.github.com/GoSubRoutine/a117ecb16a8b0f939a190f87d3a13267#file-sketch-js-L70-L79>

---

<div class="post-metadata">

**Author:** ![BSiemens](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.processing.org/bsiemens/32/216_2.png) [@BSiemens](https://discourse.processing.org/u/BSiemens)\
**Post date:** [November 16, 2019, 1:55am UTC](https://discourse.processing.org/t/binding-mousedragged-to-function/15516/5 "2019-11-16T01:55:13Z")

</div>

Literally this:

```
cnv=createCanvas(windowWidth, windowHeight);

// Bind events to functions

*Changed:
     cnv.mouseDragged(mouseDragged);

*To:
     cnv.mouseDragged(dragged);

cnv.mouseMoved(moved);
cnv.mousePressed(pressed);
cnv.mouseClicked(clicked);
cnv.doubleClicked(dClicked);
cnv.mouseReleased(released);
cnv.mouseOut(out);
cnv.mouseOver(over);

```

They all work except for mouseDrag. I suspect the answer is below but I’ll investigate.

\*Does the editor have strikeThrough capability?

---

<div class="post-metadata">

**Author:** ![BSiemens](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.processing.org/bsiemens/32/216_2.png) [@BSiemens](https://discourse.processing.org/u/BSiemens)\
**Post date:** [November 16, 2019, 1:58am UTC](https://discourse.processing.org/t/binding-mousedragged-to-function/15516/6 "2019-11-16T01:58:41Z")

</div>

Thanks. I actually know Peter.

---

<div class="post-metadata">

**Author:** ![jeremydouglass](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.processing.org/jeremydouglass/32/20_2.png) [@jeremydouglass](https://discourse.processing.org/u/jeremydouglass)\
**Post date:** [November 17, 2019, 7:06pm UTC](https://discourse.processing.org/t/binding-mousedragged-to-function/15516/7 "2019-11-17T19:06:36Z")

</div>

> [@BSiemens](#):
>
> \*Does the editor have strikeThrough capability?

If you mean the forum post editor:

~~No it doesn’t…~~ Yes it does! It is Markdown, which passes through some HTML, meaning you can type `<strike>` and `</strike>` tags around any text you wish to strike.

---

<div class="post-metadata">

**Author:** ![GoToLoop](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.processing.org/gotoloop/32/86_2.png) [@GoToLoop](https://discourse.processing.org/u/GoToLoop)\
**Post date:** [November 17, 2019, 9:18pm UTC](https://discourse.processing.org/t/binding-mousedragged-to-function/15516/8 "2019-11-17T21:18:35Z")

</div>

> [@jeremydouglass](#):
>
> … you can type `<strike>` and `</strike>` tags around any text you wish to strike.

`[s]text[/s]` is a much easier & faster typing shortcut for strike. 😉  
And `[u]text[/u]` for underline. 😇

---

<div class="post-metadata">

**Author:** ![BSiemens](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.processing.org/bsiemens/32/216_2.png) [@BSiemens](https://discourse.processing.org/u/BSiemens)\
**Post date:** [November 18, 2019, 1:18am UTC](https://discourse.processing.org/t/binding-mousedragged-to-function/15516/9 "2019-11-18T01:18:42Z")

</div>

~~Cool~~ Thank you very much.