/Javascript/AngularJS/Mouse wheel event angular for table

Mouse wheel event angular for table

import { Directive, ElementRef, HostListener} from "@angular/core";
import { MyService } from "./my-service";
@Directive({
    selector: "[testDirec]"
})
export class Test {
  private initPointX: number;
  private initPointY: number;

  constructor(private ele: ElementRef,
        private serviceInstance: MyService) {
    }

    @HostListener('mousewheel', ['$event'])
    scroll(event: MouseEvent) {
        console.log("Entered mouse wheel");
        let wheelDelta = Math.max(-1, Math.min(1, (event.wheelDelta || -event.detail)));
        if(wheelDelta > 0) {
          factor = 0.5;
        }else {
         factor = 2.0;
        }

        this.initPointX = event.PageX;
        this.initPointY = event.PageY;   
    } 

}

Source: stackoverflow.com

Similar codes

1 vote174 views1 answer
Your global Angular CLI version (11.0.2) is greater than your local version
Javascript AngularJS
8 votes141 views2 answers
Data type angular
Javascript AngularJS
0 vote130 views1 answer
Bootstrap dropdown not working in angular 8
Javascript AngularJS
0 vote140 views1 answer
Hide element when pressing button angular
Javascript AngularJS
0 vote136 views1 answer
Navigate to route and refresh angular 6
Javascript AngularJS
0 vote142 views2 answers
15) Which of the following directive is used to initialize an angular app? A. ng-app ANSWER B.ng-model C.ng-controller D.None of the above
Javascript AngularJS
0 vote86 views1 answer
Javascript console log angularjs $scope data
Javascript AngularJS
5 votes137 views3 answers
Angularjs cdn
Javascript AngularJS
1 vote130 views1 answer
Angular architecture patterns
Javascript AngularJS
0 vote137 views1 answer
Httpclientmodule is not an angular module
Javascript AngularJS