将setSelectionRange与该lastIndexOf
方法结合使用以找到last的位置.
。
class App extends React.Component {
handleFocus = event => {
event.preventDefault();
const { target } = event;
const extensionStarts = target.value.lastIndexOf('.');
target.focus();
target.setSelectionRange(0, extensionStarts);
}
render(){
return (
<input
value={'myfile.doc'}
onFocus={this.handleFocus}
/>
)
}
}
ReactDOM.render(<App />, document.getElementById('root'));
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/16.6.3/umd/react.production.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react-dom/16.6.3/umd/react-dom.production.min.js"></script>
<div id="root"></div>
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句