/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 vote182 views1 answer
Ip address validation regex angular
Javascript AngularJS
0 vote179 views1 answer
Angular http call caching issue even after no-cache
Javascript AngularJS
0 vote181 views1 answer
Scrollout js angular
Javascript AngularJS
0 vote294 views1 answer
AngularJS module can be created using ............ A. module.create(); B.angular.create(); C.angular.module(); D.var myModule = new module();
Javascript AngularJS
0 vote186 views2 answers
Export excel form angular array to excel
Javascript AngularJS
6 votes298 views2 answers
Angular build with configuration
Javascript AngularJS
0 vote218 views1 answer
Angular Failed to make request to https://www.gstatic.com/firebasejs/releases.json
Javascript AngularJS
1 vote182 views1 answer
Drop down listing in angular form
Javascript AngularJS
4 votes192 views1 answer
Clear angular formarray
Javascript AngularJS
0 vote206 views1 answer
Angular convert boolean to yes no
Javascript AngularJS