AngularJS Press Key Twice With Different Actions After Each Keypress

Question

I need help pressing the Enter key twice with a different action occurring after each keypress in AngularJS, for example:

Press Enter
One action happens
Press Enter again
A different action happens

I can get the first action working, just not the second. Here's my code:

  $scope.enterPressed = 0;
  $document.bind('keydown', function (evt) {
    if (evt.which === 13) {
      alert('Enter pressed');
      if ($scope.enterPressed === 0) {
        $scope.enterPressed++;
        document.getElementById("result").innerHTML = "Enter pressed once. $scope.enterPressed is " + $scope.enterPressed;
      } else if ($scope.enterPressed === 1) {
        e.preventDefault();
        document.getElementById("result").innerHTML = "Enter pressed twice. $scope.enterPressed i: " + $scope.enterPressed;
      }
    }
  });

Here's a Plunk.

How can I get the second action to occur?

mastilver · Accepted Answer · 2015-06-16 15:54:55Z

2

You are using e.preventDefault(); but e is not defined

answered Jun 16, 2015 at 15:54

mastilver

6777 silver badges19 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Sean.W · Accepted Answer · 2015-06-16 15:56:28Z

0

It should be

 evt.preventDefault();

answered Jun 16, 2015 at 15:56

Sean.W

433 bronze badges

Collectives™ on Stack Overflow

AngularJS Press Key Twice With Different Actions After Each Keypress

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related