onEnter angular directive

sam-on-enter.directive.js

/* global angular: false */

(function () {
  'use strict'

  angular
    .module('sam.utils')
    .directive('onEnter', onEnter)

  function onEnter () {
    return function (scope, element, attrs) {
      element.bind('keydown keypress', function (event) {
        if (event.keyCode === 13) {
          scope.$apply(function () {
            scope.$eval(attrs.onEnter)
          })

          event.preventDefault()
        }
      })
    }
  }
})()

Slightly revised and cleaned up directive, useful for applying on a whole form (while ignoring textareas).

/**
 * Module definition and dependencies
 */
angular.module('Shared.OnEnter.Directive', [])

/**
 * Directive
 */
.directive('onEnter', function($timeout) {
  return {
    restrict: 'A',
    link(scope, element, attrs) {
      element.on('keydown keypress', event => {

        //Check event
        const key = event.keyCode || event.which;
        const isEnter = (key === 13);
        const isTextarea = (event.target.tagName === 'TEXTAREA');

        //Handle event
        if (isEnter && !isTextarea && !event.defaultPrevented) {
          event.preventDefault();
          $timeout(() => {
            scope.$eval(attrs.onEnter);
          });
        }
      });
    },
  };
});