Html 当按tab键关注输入内容时,如何取消选择输入内容?
以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,这意味着无法通过顺序
如何取消选择它?要将元素设置为不可选择,可以在输入元素中使用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)
}