/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

2 votes163 views3 answers
Change route on button click angular
Javascript AngularJS
0 vote213 views1 answer
Resolver not showing content angular
Javascript AngularJS
16 votes192 views4 answers
Create component with module and routing in angular 8
Javascript AngularJS
0 vote183 views1 answer
Angular format phone number while typing
Javascript AngularJS
0 vote169 views1 answer
Read xlsx file in angular 5
Javascript AngularJS
0 vote165 views3 answers
Angular loop
Javascript AngularJS
1 vote256 views3 answers
This version of CLI is only compatible with Angular versions ^9.0.0-beta || >=9.0.0 <10.0.0, but Angular version 8.1.3 was found instead.
Javascript AngularJS
0 vote179 views1 answer
Placing card on center in angular flex layout
Javascript AngularJS
0 vote177 views1 answer
Angular indexeddb
Javascript AngularJS
0 vote158 views1 answer
How to disable reactive form submit button in Angular
Javascript AngularJS