Angular JS Directive - to disable mouse wheel on input type number

ignoreMouseWheel.js

directive( 'ignoreMouseWheel', function( $rootScope ) {
	return {
		restrict: 'A',
		link: function( scope, element, attrs ){
			element.bind('mousewheel', function ( event ) {
				element.blur();
			} );
		}
	}
} );

// <input type="number" ignore-mouse-wheel ... >

For me it was element.bind('wheel', ... and element[0]

The wheel event is compatible with both Chrome and Firefox. In Firefox, mousewheel does not work. See also here.