Answers for "react onkeydown enter"

11

on enter key press react

onKeyPress={(e) => e.key === 'Enter' && handleSearch()}
Posted by: Guest on February-16-2021
4

read keyboard reactjs

handleKeyPress = (event) => {
  if(event.key === 'Enter'){
    console.log('enter press here! ')
  }
}
render: function(){
     return(
         <div>
           <input type="text" id="one" onKeyPress={this.handleKeyPress} />
        </div>
     );
}
Posted by: Guest on June-24-2020
2

capture enter button react input

const Enter = () => {
  	const handle = () => console.log('Enter pressed');
  
	return <input type="text" onKeyDown={e => e.key === 'Enter' && handle} />;
};
Posted by: Guest on February-11-2021
0

react detect enter key

var Input = React.createClass({
  render: function () {
    return <input type="text" onKeyDown={this._handleKeyDown} />;
  },
  _handleKeyDown: function(e) {
    if (e.key === 'Enter') {
      console.log('do validate');
    }
  }
});
Posted by: Guest on November-29-2020

Code answers related to "Javascript"

Browse Popular Code Answers by Language