通常输入框可以通过设置属性cursor-spacing来避免软键盘遮挡。
但在下面这种场景时,cursor-spacing不起作用(下方的输入框2有设置cursor-spacing):
- 焦点在输入框1,此时输入框1不被遮挡,如下图

这时直接点击输入框2,也就是焦点直接从输入框1切换至输入框2,此时界面没有变化,输入框2会被键盘遮挡。
如果先让触摸输入框外的位置,将焦点“挪”出去,那键盘就不会遮挡输入框2,cursor-spacing发挥作用,如下图:
DEMO 见附件。
通常输入框可以通过设置属性cursor-spacing来避免软键盘遮挡。
但在下面这种场景时,cursor-spacing不起作用(下方的输入框2有设置cursor-spacing):
这时直接点击输入框2,也就是焦点直接从输入框1切换至输入框2,此时界面没有变化,输入框2会被键盘遮挡。
如果先让触摸输入框外的位置,将焦点“挪”出去,那键盘就不会遮挡输入框2,cursor-spacing发挥作用,如下图:
DEMO 见附件。