p5.Element.mousePressed doesn't pass the event argument to the called function

[error-four-o-four]

Most appropriate sub-area of p5.js?

• Events

p5.js version

1.4.0

Web browser and version

Tested in Firefox

Steps to reproduce this

Snippet:

const myObj = {
  onmousepressed(e) {
    console.log(e);
    // returns undefined
  }
}

let cnv;
function setup() {
  cnv = createCanvas(400, 400); 
  cnv.mousePressed(myObj.onmousepressed);
  // cnv.mousePressed(myObj.onmousepressed.bind(myObj));
}

[welcome]

Welcome! 👋 Thanks for opening your first issue here! And to ensure the community is able to respond to your issue, be sure to follow the issue template if you haven't already.

[error-four-o-four]

Hey there,

for comparison:
attaching the same event to cnv.mouseReleased() logs the event in the console.

The solution is to pass the event argument here:

p5.js/src/core/p5.Element.js

Line 231 in 0112c3a

p5.Element.prototype.mousePressed = function(fxn) {

p5.Element.prototype.mousePressed = function(fxn) {
  const eventPrependedFxn = function(event) {
    this._pInst._setProperty('mouseIsPressed', true);
    this._pInst._setMouseButton(event);
    // previous
    // return fxn.call(this);
    // added event to fxn.call
    return fxn.call(this, event);
  };
  p5.Element._adjustListener('mousedown', eventPrependedFxn, this);
  return this;
};