Android 安卓Chrome上的按键下/按键上的反应输入
我遇到的问题是,我有一个React应用程序,其中的表单包含输入元素,我需要检测是否按下了Enter键或。它在桌面chrome上运行良好,但在Android chrome上运行良好(三星Note 9)。首先,移动键盘不显示enter键,而是显示Next键或Tab键。当我检查事件时,手机没有注册密钥、KeyCode或charCode。我试过onKeyDown、onkeydup和onKeyPress,结果都差不多 我构建了这个简单的示例来关注这个问题Android 安卓Chrome上的按键下/按键上的反应输入,android,reactjs,onkeydown,mobile-chrome,Android,Reactjs,Onkeydown,Mobile Chrome,我遇到的问题是,我有一个React应用程序,其中的表单包含输入元素,我需要检测是否按下了Enter键或。它在桌面chrome上运行良好,但在Android chrome上运行良好(三星Note 9)。首先,移动键盘不显示enter键,而是显示Next键或Tab键。当我检查事件时,手机没有注册密钥、KeyCode或charCode。我试过onKeyDown、onkeydup和onKeyPress,结果都差不多 我构建了这个简单的示例来关注这个问题 const handleKeyDown = (ev
const handleKeyDown = (event)=>{
event.preventDefault();
console.log('Key: ' + event.key)
console.log('KeyCode: ' + event.keyCode)
console.log('CharCode: ' + event.charCode);
console.log('Code: ' + event.code);
}
function App() {
return (
<div className="App">
<h2>Test Input</h2>
<form action="">
<input id="sampleInput" type="text" onKeyDown={handleKeyDown}/>
<div>
<input id="sampleInput2" type="text" onKeyDown={handleKeyDown}/>
</div>
</form>
</div>
);
}
consthandlekeydown=(事件)=>{
event.preventDefault();
console.log('Key:'+event.Key)
console.log('KeyCode:'+event.KeyCode)
log('CharCode:'+event.CharCode);
console.log('代码:'+事件代码);
}
函数App(){
返回(
测试输入
);
}
当我在第一个输入中输入abc时,我得到以下信息:
从移动控制台:
关键词:身份不明
密码:229
字符编码:0
这与刚刚在iPhone safari上测试的所有按键相同,其工作原理与桌面相同。也在三星的三星互联网浏览器上测试过。结果与android上的chrome相同。不起作用。只是在iPhone safari上测试过,它的工作原理和台式机相同。也在三星的互联网浏览器上测试过。结果与android上的chrome相同。不起作用。