[AngularJS]制作jQuery MouseWheel directive演示

利用 [AngularJS] 制作 jQuery MouseWheel directive全过程演示：

Html代码：

<div jq-mousewheel="changeSize($event, $delta, $deltaX, $deltaY)"></div>   

JavaScript代码：

app.directive('jqMousewheel', function(){   
   return function(scope, element, attrs) {   
   
       /*将 element 滚轮事件传递到 scope 上*/   
       element.on('mousewheel', function (event) {   
           scope.$eval(attrs['jqMousewheel'], {   
               $event: event,   
               $delta: event.delta,   
               $deltaX: event.deltaX,   
               $deltaY: event.deltaY   
           });   
   
           /*通知 scope 有异动发生*/   
           scope.$digest();   
       });   
   
       /*在 destroy 时清除事件注册*/   
       scope.$on('$destroy', function(){   
           element.off('mousewheel');   
       });   
   };   
});   

以上就是演示所用到的代码哦。