An Angular directive for use with number inputs to prevent mousewheel events from changing the input.

ignoremousewheel.js

angular.module('myApp')
  .directive('ignoreMouseWheel', function () {
    return {
      restrict: 'A',
      link: function (scope, element) {
        element.bind('mousewheel', function() {
          element[0].blur();
        });
      }
    };
  });