Html 当按tab键关注输入内容时,如何取消选择输入内容?

Html 当按tab键关注输入内容时,如何取消选择输入内容?,html,angular,typescript,input,unselect,Html,Angular,Typescript,Input,Unselect,以html格式, 当您使用tab进行下一次输入时,默认情况下会选择所有内容, 如何取消选择它?要将元素设置为不可选择,可以在输入元素中使用tabindex=-1属性,如下所示- 负值通常为tabindex=-1,这意味着无法通过顺序键盘导航访问元素,但可以通过Javascript或通过单击鼠标直观地聚焦元素 你可以在这里查看更多信息- 希望这会对您有所帮助。要将元素设置为不可选择,您可以在输入元素中使用tabindex=-1属性,如下所示- 负值通常为tabindex=-1,这意味着无法通过顺序

以html格式, 当您使用tab进行下一次输入时,默认情况下会选择所有内容,
如何取消选择它?

要将元素设置为不可选择,可以在输入元素中使用tabindex=-1属性,如下所示-

负值通常为tabindex=-1,这意味着无法通过顺序键盘导航访问元素,但可以通过Javascript或通过单击鼠标直观地聚焦元素

你可以在这里查看更多信息-


希望这会对您有所帮助。

要将元素设置为不可选择,您可以在输入元素中使用tabindex=-1属性,如下所示-

负值通常为tabindex=-1,这意味着无法通过顺序键盘导航访问元素,但可以通过Javascript或通过单击鼠标直观地聚焦元素

你可以在这里查看更多信息-


希望这将对您有所帮助。

设置myInput并绑定焦点事件


超时是必需的,因为当您使用tab键选择输入时,文本会在焦点事件之后自动选择。

设置myInput并绑定焦点事件

超时是必需的,因为当您使用tab键选择输入时,文本会在焦点事件之后自动选择。

只需在焦点事件中将target.selectionEnd设置为0即可

取消选择焦点事件:事件:无效{ event.target.selectionEnd=0; } 只需在焦点事件中将target.selectionEnd设置为0

取消选择焦点事件:事件:无效{ event.target.selectionEnd=0; }
@ViewChild('myInput') myInput: ElementRef<HTMLInputElement>;
onFocus() {
    setTimeout(() => {
      this.myInput.nativeElement.setSelectionRange(0,0);
    }, 0)
}