Angular 7 | HostListener失焦条件停止所有其他事件回调
创始人
2024-10-16 21:00:52
0

在Angular 7中,可以使用@HostListener装饰器来监听事件,包括失焦事件。要停止所有其他事件的回调,可以在失焦事件的回调函数中使用Event.stopPropagation()方法。下面是一个示例解决方法:

import { Component, HostListener } from '@angular/core';

@Component({
  selector: 'app-example',
  template: `
    
  `
})
export class ExampleComponent {

  @HostListener('window:click', ['$event'])
  onWindowClick(event: MouseEvent) {
    // 失焦时停止所有其他事件的回调
    event.stopPropagation();
  }

  onBlur() {
    console.log('失焦事件回调');
  }

  onKeyUp() {
    console.log('键盘按键事件回调');
  }
}

在上面的示例中,当输入框失去焦点时,onBlur()方法会被调用,并且在onWindowClick()方法中使用event.stopPropagation()停止了所有其他事件的回调。

请注意,这里的示例使用了window:click来监听所有点击事件,你可以根据需求使用其他事件类型。

相关内容

热门资讯

竞技联盟辅助!竞技联盟辅助插件... 竞技联盟辅助!竞技联盟辅助插件(透视)脚本-好像解谜是真的挂1、很好的工具软件,可以解锁游戏的竞技联...
透视开挂!wepoker底牌透... 透视开挂!wepoker底牌透视脚本(透视)hhpoker免费辅助器,教程窍要(详细教程)-哔哩哔哩...
aapoker辅助软件合法吗!... aapoker辅助软件合法吗!如何判断wpk辅助软件的真假(透视)方法-原来辅助是真的挂1、首先打开...
透视分享!wepoker软件安... 透视分享!wepoker软件安装包(透视)wepoker的辅助器,教程指南书(有挂技巧)-哔哩哔哩1...
aapoker破解侠是真的吗!... aapoker破解侠是真的吗!wepoker透视脚本安卓(透视)教程-总是辅助真的有挂1、这是跨平台...
透视关于!hhpoker有没有... 透视关于!hhpoker有没有辅助(透视)聚星ai辅助工具激活码,教程妙招(有挂方法)-哔哩哔哩1、...
菠萝德普辅助器免费版在哪里!w... 菠萝德普辅助器免费版在哪里!wepoker插件程序激活码(透视)工具-果然专业真的有挂1、上手简单,...
wepoker私人局透视!有哪... 您好,有哪些免费的wpk透视码这款游戏可以开挂的,确实是有挂的,需要了解加去威信【485275054...
透视科普!佛手在线大菠萝为什么... 透视科普!佛手在线大菠萝为什么都输(透视)hhpoker买挂,教程办法(有挂分析)-哔哩哔哩透视科普...
透视专业!we poker免费... 透视专业!we poker免费辅助器(透视)pokemmo辅助器,教程模块(有挂方法)-哔哩哔哩we...