How to disable pressing F5

[linesoft2]

On Windows

[FabianLars]

Currently you need to overwrite the f5 event via addEventListener (including the event.preventDefault()).
Furthermore you probably would need to disable the contextmenu event too since the menu has a reload option.

If you need a context menu you'd have to create one with html/js, therefore i generally recommend making your app "reload-proof" for example by always caching relevant values.

[dolev146]

@FabianLars @linesoft2 Hi guys I want to understand the solution

you meant to this snippet right?

document.addEventListener('keydown', function(event) {
  // Prevent F5 or Ctrl+R (Windows/Linux) and Command+R (Mac) from refreshing the page
  if (event.key === 'F5' || (event.ctrlKey && event.key === 'r') || (event.metaKey && event.key === 'r')) {
    event.preventDefault();
  }
});

can i also disable the right click with the mouse?

[FabianLars]

This is the "contextmenu" event i mentioned above.

document.addEventListener('contextmenu', function(event) {
    event.preventDefault();
});

[ddublon]

@FabianLars so if i want to disable the refresh in my tauri app then i need to call this function right?

const disableRefresh = () => {
  document.addEventListener('keydown', function (event) {
    // Prevent F5 or Ctrl+R (Windows/Linux) and Command+R (Mac) from refreshing the page
    if (
      event.key === 'F5' ||
      (event.ctrlKey && event.key === 'r') ||
      (event.metaKey && event.key === 'r')
    ) {
      event.preventDefault();
    }
  });

  document.addEventListener('contextmenu', function (event) {
    event.preventDefault();
  });
};

[FabianLars]

I'd say so, yes.

[dolev146]

@FabianLars

fabian is there a possibility to remove only this 2 from the menu instead?