Prevent backspace from navigating back in AngularJS

后端 未结 4 1583
Happy的楠姐
Happy的楠姐 2021-01-12 12:03

I faced this issue in my AngularJS webapp.

When a user enters a page with a form to fill and he starts typing, if he presses the backspace key and the focus is not o

4条回答
  •  我在风中等你
    2021-01-12 12:45

    There is $document in angular js:

    angular.module('yourModule', [])
      .controller('yourController', ['$scope', '$document', function($scope, $document) {
          $document.on('keydown', function(e){
              if(e.which === 8 && ( e.target.nodeName !== "INPUT" && e.target.nodeName !== "SELECT" ) ){ // you can add others here inside brackets.
                  e.preventDefault();
              }
          });
    
        }
      ]);
    

    Plnkr Demo.

    You can see in the demo i have used only for "INPUT" nodeName and it does not prevent the default of the backspace key on text input but not on textarea because we have not handled it in the condition.

提交回复
热议问题