uniapp如何隐藏软键盘又不影响输入
在uniapp中,可以使用以下方式隐藏软键盘又不影响输入:
-
使用input组件的focus属性,设置为false即可隐藏软键盘。但是这样会导致输入框失去焦点,需要重新点击输入框才能继续输入。
-
使用textarea组件代替input组件,因为textarea组件没有自动弹出软键盘的功能。同时,可以设置textarea组件的readonly属性为true,这样用户就无法在textarea中输入内容了,但是仍然可以滚动查看已输入的内容。
-
使用CSS的:focus伪类,设置输入框获得焦点时隐藏软键盘。例如:
input:focus {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
caret-color: transparent;
color: transparent;
text-shadow: 0 0 0 #000;
background-color: transparent;
border-color: transparent;
outline: none;
}
这样设置后,输入框获得焦点时软键盘就会自动隐藏,但是用户仍然可以输入内容。
原文地址: https://www.cveoy.top/t/topic/wX5 著作权归作者所有。请勿转载和采集!