jQuery   发布时间:2022-04-19  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了jquery – @HostListener OnClick for outside click在firefox中不起作用大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
@HostListener OnClick在firefox中不起作用.
我试过onClick,onclick和onGlobalClick.他们都使用chrome,但在firefox中没有人.
这是我的代码

constructor(private elRef: ElementRef,private renderer: Renderer2) { }

@Output() offClick = new EventEmitter();

@HostListener('document:click',['$event.path'])
public onGlobalClick(targetElementPath: Array<any>) {
  const elementRefInPath = targetElementPath.find(e => e === this.elRef.nativeElement);
  if (!elementRefInPath) {
    this.offClick.emit(1);
  }
}

解决方法

这是我在所有浏览器中测试过的,它的工作原理如下:

@HostListener('document:click',['$event','$event.target'])
    onClick(event: MouseEvent,targetElement: HTMLElement): void {
        if (!targetElement) {
            return;
        }
        const clickedInside = this.elementRef.nativeElement.contains(targetElement);
        if (!clickedInsidE) {
            this.clickOutside.emit(event);
        }
    }

大佬总结

以上是大佬教程为你收集整理的jquery – @HostListener OnClick for outside click在firefox中不起作用全部内容,希望文章能够帮你解决jquery – @HostListener OnClick for outside click在firefox中不起作用所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。