/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

0 vote400 views2 answers
Angularjs onclick disable button click
Javascript AngularJS
0 vote343 views1 answer
Return index of array with function in array angular
Javascript AngularJS
0 vote348 views1 answer
Ngstyle background url angular
Javascript AngularJS
0 vote327 views1 answer
Angular set attribute value dynamically
Javascript AngularJS
0 vote330 views1 answer
Autocomplete list angular 8 material
Javascript AngularJS
0 vote351 views1 answer
Uncaught Error: [$injector:modulerr] http://errors.angularjs.org/1.4.6/$injector/modulerr?p0=myApp
Javascript AngularJS
2 votes354 views1 answer
Change color of material design angular progress bar
Javascript AngularJS
8 votes388 views2 answers
Angularjs onclick
Javascript AngularJS
0 vote346 views1 answer
In object transform translate property concat with rotate value angular 7
Javascript AngularJS
0 vote312 views1 answer
Http request body angular
Javascript AngularJS