如何在Angular 2自定义输入组件上管理焦点状态？

发布时间：2020-12-17 18:09:52 所属栏目：安全来源：网络整理

导读：我找不到通过Angular 2管理自定义输入如何从标签(及其属性)获得焦点以及如何管理这些状态的方法. 我试图给出我常规的焦点和模糊行为.有什么想法吗？谢谢！解决方法 HTML具有tabindex属性,使任何元素都可以聚焦. http://w3c.github.io/html/editing.html#th

我找不到通过Angular 2管理自定义输入如何从标签(及其属性)获得焦点以及如何管理这些状态的方法.

我试图给出我常规的焦点和模糊行为.有什么想法吗？

谢谢！

解决方法

HTML具有tabindex属性,使任何元素都可以聚焦.
http://w3c.github.io/html/editing.html#the-tabindex-attribute

然后在组件中,您可以收听焦点事件：

@HostBinding('tabindex') tabindex = 0;

 @HostListener('focus')
 focusHandler() {
   alert('focused!');
 }

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!