Add an easier way to disable right-click context menus on the canvas

Increasing access

Would allow developers of low technical skill to freely use the right mouse button in their sketches without having to copy/paste cryptic lines from StackOverflow.

Most appropriate sub-area of p5.js?

• Accessibility
• Color
• Core/Environment/Rendering
• Data
• DOM
• Events
• Image
• IO
• Math
• Typography
• Utilities
• WebGL
• Build process
• Unit testing
• Internationalization
• Friendly errors
• Other (specify if possible)

Feature request details

When making a sketch that uses mouseButton === RIGHT, students/users are currently surprised that this results in a context menu popping up.
Unfortunately, the simplest way to disable that context menu right now is to add code akin to (c.ref. StackOverflow):

function setup() {
  // createCanvas() ...
  document.querySelector('canvas').addEventListener('contextmenu', e => e.preventDefault())
}

However, that code is a significant step up from a simple if (mouseButton === RIGHT).

Having a simpler API to disable the context menu would be much appreciated. For example, something like:

createCanvas(400, 400, {contextmenu: false})
createCanvas(400, 400, WEBGL, {contextmenu: false})
// or:
createCanvas(400, 400).disableContextMenu()
// or:
createCanvas(400, 400)
disableContextMenu()
// or:
function setup() { ... }
function contextMenu(e) {
  e.preventDefault() // still "ugly", but at least reasonably okay
}
// or:
function setup() { ... }
function contextMenu() {
  return true // somewhat magic
}

Start by reviewing the createCanvas API and the canvas DOM/event handling related to the contextmenu event. Compare the proposed API forms and existing mouseButton === RIGHT behavior; done means providing a documented, beginner-friendly way to disable the canvas context menu, with coverage for both regular and WEBGL canvas creation if supported.