d9ae709b-3c27-4b69-b125-b8b80b54f90b

import { Directive, Output, EventEmitter, OnInit, NgZone, ElementRef, Renderer2, OnDestroy } from '@angular/core';
import { keycodes } from 'ngx-tethys/util';

/**
 * 与 (keydown.enter) 区别是支持组合键，当按 Ctrl + Enter 或者 Command + Enter 也会触发
 * @name thyEnter
 */
@Directive({
    selector: '[thyEnter]',
    standalone: true
})
export class ThyEnterDirective implements OnInit, OnDestroy {
    @Output() thyEnter = new EventEmitter();

    onKeydown = (event: KeyboardEvent) => {
        const keyCode = event.which || event.keyCode;
        if (keyCode === keycodes.ENTER) {
            this.ngZone.run(() => {
                this.thyEnter.emit(event);
            });
        }
    };

    private removeKeydownListenerFn: VoidFunction;

    constructor(private ngZone: NgZone, private elementRef: ElementRef, private renderer: Renderer2) {}

    ngOnInit(): void {
        this.ngZone.runOutsideAngular(() => {
            this.removeKeydownListenerFn = this.renderer.listen(this.elementRef.nativeElement, 'keydown', this.onKeydown);
        });
    }

    ngOnDestroy(): void {
        this.removeKeydownListenerFn();
    }
}

1	import { Directive, Output, EventEmitter, OnInit, NgZone, ElementRef, Renderer2, OnDestroy } from '@angular/core';
2	import { keycodes } from 'ngx-tethys/util';
3
4	/**
5	* 与 (keydown.enter) 区别是支持组合键，当按 Ctrl + Enter 或者 Command + Enter 也会触发
6	* @name thyEnter
7	*/
8	@Directive({	1✔
9	selector: '[thyEnter]',
10	standalone: true	×
11	})	×
12	export class ThyEnterDirective implements OnInit, OnDestroy {	×
13	@Output() thyEnter = new EventEmitter();	×
14		×
15	onKeydown = (event: KeyboardEvent) => {	×
16	const keyCode = event.which \|\| event.keyCode;	×
17	if (keyCode === keycodes.ENTER) {	×
18	this.ngZone.run(() => {	×
19	this.thyEnter.emit(event);
20	});
21	}
22	};
23
24	private removeKeydownListenerFn: VoidFunction;	×
25		×
26	constructor(private ngZone: NgZone, private elementRef: ElementRef, private renderer: Renderer2) {}
27
28	ngOnInit(): void {
29	this.ngZone.runOutsideAngular(() => {	×
30	this.removeKeydownListenerFn = this.renderer.listen(this.elementRef.nativeElement, 'keydown', this.onKeydown);
31	});	1✔
32	}
33
34	ngOnDestroy(): void {
35	this.removeKeydownListenerFn();
36	}	1✔
37	}

atinc / ngx-tethys / d9ae709b-3c27-4b69-b125-b8b80b54f90b

Source File Press 'n' to go to next uncovered line, 'b' for previous

Source File
Press 'n' to go to next uncovered line, 'b' for previous