Today I Learned - Rocky Kev

TIL oncontextmenu feature for right-clicking

POSTED ON:

TAGS: javascript events

oncontextmenu

The oncontextmenu property lets us assign an event handler function to it to handle the contextmenu event. The event is triggered when the right mouse button is clicked on the window. The browser context menu will activate unless the default behavior is prevented.

For example, we can disable right click by writing:

document.oncontextmenu = (event) => {
  event.preventDefault();
}

REFERENCE:
MDN
JavaScript Events Handlers — oncontextmenu and oncuechange

Related TILs

Tagged: javascript

TIL what is npm Script

Despite their high usage they are not particularly well optimized and add about 400ms of overhead. In this article we were able to bring that down to ~22ms.

TIL fancy methods to transform Javascript Objects

You can use Object.entries(), Object.keys(), Object.fromEntries()...

TIL how to hide your JS code

ONE THING TO NOTE: Encrypting a script is stronger than obfuscation, both methods are still not adequate to protect secret content. Honestly, I don't think it's worth it on a production site, and instead just go with pure server-side if you want security. But it's fascinating.