backspace-disabler

Disable the annoying browser backward navigation when the user press the backspace key

Downloads in past

Stats

StarsIssuesVersionUpdatedCreatedSize
backspace-disabler
1.1.36 years ago7 years agoMinified + gzip package size for backspace-disabler in KB

Readme

BACKSPACE DISABLER
Disable the annoying backward navigation that occurs when the user press the backspace key.
Features
  • Prevent browser back on backspace (by using preventDefaut())
  • Does not break ability of user to delete content on all known input types
  • Supports contentEditable (in read/edit mode)
  • Allow to apply the behavior globally or on a subtree
  • No dependency
Installation
NPM:
npm install backspace-disabler

Or just copy the code inside index.js into your codebase.
Usage
Require it with CommonJS loader (Browserify / Webpack...)
var BackspaceDisabler = require("backspace-disabler");

// Disable the backspace that triggers backward navigation
BackspaceDisabler.disable(); 
// Revert to normal
BackspaceDisabler.enable();

// Can also be applied to a specific element tree:
var myWidget = document.getElementById("myWidget");
BackspaceDisabler.disable(myWidget);
BackspaceDisabler.enable(myWidget);
Credits
The ideas of this lib come from StackOverflow