Sye*_*bcc 4 javascript backspace react-native
当用户在文本框中按下退格键时,我想触发一个函数。我已经搜索了堆栈溢出和React Native文档,但是没有相关的答案。基本上,我不知道退格键的名称是什么
<TextInput
onChangeText = {e => {
e === 'BackSpace' ? alert('delete') : alert(e)
}}/>
Run Code Online (Sandbox Code Playgroud)
onChangeText 仅发送更新的文本值。它不会发送任何其他信息,例如按键。onChange发送更多的信息,onChangeText只是为了方便。
你可以用 onKeyPress
<TextInput
onKeyPress={({ nativeEvent }) => {
nativeEvent.key === 'Backspace' ? //do action : //other action
}}
/>
Run Code Online (Sandbox Code Playgroud)
不能使用alert但是,你必须使用Alert在react-native具有不同的API。
但是,onChangeText根据您要完成的工作,仅使用它可能会更容易。如果发送的文本值短于当前控制的文本值,则可以处理正在使用的任何退格代码,并在一处管理文本输入值。
| 归档时间: |
|
| 查看次数: |
2178 次 |
| 最近记录: |