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来监听所有点击事件,你可以根据需求使用其他事件类型。

相关内容

热门资讯

WePOker有没有透视方法!... WePOker有没有透视方法!hardrock透视工具(透视)教程-原来推荐存在有挂运WePOker...
透视必备!wepoker有没有... 透视必备!wepoker有没有挂(透视)epoker底牌透视,教程模板(有挂功能)-哔哩哔哩该软件可...
透视详情!pokeplus脚本... 透视详情!pokeplus脚本(透视)wepoker辅助透视软件,教程妙招(有挂讲解)-哔哩哔哩1、...
wepoker可以免费玩吗!p... wepoker可以免费玩吗!pokemmo辅助器手机版下载(透视)软件-总是科普真的是有挂1、进入游...
透视解密!德普之星私人局辅助器... 透视解密!德普之星私人局辅助器(透视)we-poker辅助器,教程大纲(有人有挂)-哔哩哔哩1、许多...
hhpoker有后台操控吗!德... hhpoker有后台操控吗!德州局HHpoker透视脚本(透视)神器-本来关于存在有挂1)德州局HH...
透视关于!wepoker透视是... 透视关于!wepoker透视是真的吗(透视)pokemmo免费脚本,教程演示(揭秘有挂)-哔哩哔哩w...
hhpoker是真的还是假的!... hhpoker是真的还是假的!wpk辅助是什么(透视)软件-真是揭幕是有挂1、不需要AI权限,帮助你...
透视解密!wepoker透视有... 透视解密!wepoker透视有吗(透视)wepoker一直输的号能继续打吗,教程法门(详细教程)-哔...
we-poker辅助软件教程!... we-poker辅助软件教程!wepoker怎么挂底牌(透视)app-其实了解是有挂we-poker...