1. 首页
  2. 问题
  3. 重点关注时，如何使用Reactjs选择输入中的所有文本？
小编典典

重点关注时，如何使用Reactjs选择输入中的所有文本？

reactjs

例如：codepen

var InputBox = React.createClass({
  render: function() {
    return (
      <input className="mainInput" value='Some something'></input>
    )
  }
});

阅读 245

收藏
2020-07-22

共1个答案

小编典典

Functional component：

const handleFocus = (event) => event.target.select();
const Input = (props) => <input type="text" value="Some something" onFocus={handleFocus} />

ES6 class component：

class Input extends React.Component {
    handleFocus = (event) => event.target.select();

    render() {
        return (
            <input type="text" value="Some something" onFocus={this.handleFocus} />
        );
    }
}

React.createClass：

React.createClass({
    handleFocus: function(event) {
      event.target.select();
    },

    render: function() {
      return (
        <input type="text" value="Some something" onFocus={this.handleFocus} />
      );
    },
})
2020-07-22