javascript - In Regular React how to dismiss mobile keyboards on submit or 'enter' key? - Stack Overflow

admin管理员组

文章数量:1315025

I am trying to find this answer, but all the other questions I have found are React Native.

`handleEnter(e){
    if(e.key == 'Enter'){
        //REMOVE KEYBOARD
    }
}`

Also my input is a text search. So I want the keyboard to hide so users can see the results that e up.

I am trying to find this answer, but all the other questions I have found are React Native.

`handleEnter(e){
    if(e.key == 'Enter'){
        //REMOVE KEYBOARD
    }
}`

Also my input is a text search. So I want the keyboard to hide so users can see the results that e up.

• javascript
• reactjs

Share Improve this question Follow edited Oct 26, 2018 at 11:58 evgeni fotia 4,81033 gold badges1818 silver badges3636 bronze badges asked Oct 26, 2018 at 10:40 watthecodewatthecode 10122 silver badges77 bronze badges 1

• 1 How are the user supposed to write if you, for instance, hide the keyboard ? You might force a blur as the answer below suggested, but this is extremely dirty from the UX perspective. – Cristian S. Commented Oct 26, 2018 at 10:48

Add a ment  | 

1 Answer 1

Sorted by: Reset to default 9

e.target is the focused input or textarea where the user is writhing. When he click on Enter the focused input became unfocused and so the keyboard disappear

handleEnter(e){
    if(e.key == 'Enter'){
        e.target.blur();
    }
}

本文标签： javascriptIn Regular React how to dismiss mobile keyboards on submit or 39enter39 keyStack Overflow