在安装反应javascript时启用防止移动键盘打开并单击启用

问题描述 投票:1回答:1

我有一个用户单击按钮时打开的模态窗口。这个模态窗口有一个<input type="text" />组件。

安装模态窗口后,将自动打开移动键盘,并在此输入上设置焦点。

我正在启用和禁用只读或禁用的html属性,但它强制用户双击或三次单击输入以使移动键盘可见。

如何在安装输入时阻止移动键盘打开,如何在用户单击该输入组件时显示移动键盘?

下面的代码就是我现在所拥有的,它强制移动用户双击Input组件来显示键盘。双击不是用户友好的,因为它移动滚动位置或显示选择全部,复制,粘贴等移动工具提示而不是显示移动键盘。

<input
  type="text"
  readonly={this.state.isInputReadOnly}
  onClick={this.onInputClick}
  onChange={this.onInputChange}
  value={this.state.inputValue}
/>
javascript html reactjs
1个回答
0
投票

当模态打开时,不是专注于输入,而是关注模态中的其他元素,比如说一些span元素。这应该可以防止键盘打开。

© www.soinside.com 2019 - 2024. All rights reserved.