Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/422.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 使用MaterialUI输入组件时,如何将光标放置在文本的开头并将焦点移动到开头_Javascript_Reactjs_Material Ui - Fatal编程技术网

Javascript 使用MaterialUI输入组件时,如何将光标放置在文本的开头并将焦点移动到开头

Javascript 使用MaterialUI输入组件时,如何将光标放置在文本的开头并将焦点移动到开头,javascript,reactjs,material-ui,Javascript,Reactjs,Material Ui,关于这一点,我已经问了很多问题,但没有找到有效的解决方案, 我可以将光标放在文本的开头,但是焦点没有移到开头。 下面是组件代码 <Input inputRef={this.inputRef} inputProps={{ onFocus: e => { setTimeout(() => { if (this.inputRef.current) this.

关于这一点,我已经问了很多问题,但没有找到有效的解决方案, 我可以将光标放在文本的开头,但是焦点没有移到开头。 下面是组件代码

<Input
    inputRef={this.inputRef}
    inputProps={{
        onFocus: e => {
            setTimeout(() => {
                if (this.inputRef.current)
                    this.inputRef.current.setSelectionRange(0, 0);
            }, 10);
        },
    }}
    autoFocus={true}
/>
{
设置超时(()=>{
if(此.inputRef.current)
此.inputRef.current.setSelectionRange(0,0);
}, 10);
},
}}
自动对焦={true}
/>


图像显示光标已移到起始位置(因为它在结尾处不可见),但焦点未移到起始位置,对此的任何解决方案都非常感谢。

当我尝试时,您的代码似乎正常工作


你能在沙盒中验证它吗?并使用
输入组件的任何附加属性更新问题。

谢谢您的回答,但不幸的是,这并不能解决我的问题,请尝试在装入时在输入框中使用默认的长文本值,并尝试更改焦点位置,但我从沙盒中得到的一个线索是,当出现模糊事件后接焦点事件时,文本聚焦开始。