CODEWITHSUNDEEP
javascriptangularjs
Guy Mazouz
Guy Mazouz

Reputation: 437

ng-keyup preventDefault() not working

I know it's far from being a best practice, but I really want to understand what's wrong. I wrote the following code in order to distinguish Enter from shift+Enter, and run the "code" I need:

ng-keyup="($event.keyCode == 13 && !$event.shiftKey)
?
  [$event.preventDefault(),
   commentCtrl.edit(comment.id, comment.text),
   comment.edit=false, comment.text]
:
  return"

when I press enter, I still get a \n added to my text... :(

Help please!~

Upvotes: 2

Views: 5512

Answers (5)

Vkl125
Vkl125

Reputation: 138

This worked for me:

$event.stopImmediatePropagation()

Upvotes: 0

Taylor Vance
Taylor Vance

Reputation: 981

Aha! You've got the "wrong" directive! I just changed mine from ng-keyup to ng-keypress and now $event.preventDefault() works as expected. Hope this helps. I was scratching my head a long time on that.

Upvotes: 1

Radha vedak
Radha vedak

Reputation: 64

Write this in your html

 <input type="text"  ng-keypress="restrictInput($event)" />


 $scope.restrictInput=function(e)
   e.prevenDefault();
 }

Upvotes: 1

Guy Mazouz
Guy Mazouz

Reputation: 437

ended up writing a directive that prevents it...

(function() {
    'use strict';

angular
    .module('PreventEnterDrc', [])
    .directive('preventEnter', function () {
        return {
            restrict: 'A',
            link: function(scope, element) {
                element.bind('keydown keypress keyup', function (event) {
                    if(event.keyCode == 13 && !event.shiftKey){
                        event.preventDefault();
                    }
                });
            }
        };
    })
;
})();

Upvotes: 0

jrath
jrath

Reputation: 990

Try the following.

ng-keyup="handleKeyup($event);"

in your controller,

$scope.handleKeyup =  function($event) {
//write your logic here.
}

Upvotes: -1

Related Questions