UniApp
的 input
标签虽然提供了@input
事件,但是仅仅是小程序能使用,所以在这里使用了原生的 onkeypress
事件来避免空格的输入。
【注】以下方法针对于web的键盘输入有效,而对于安卓与IOS手机来说不起作用,因为手机端使用的是软键盘(我们安装的输入法),所以无法获取到相应的 keyCode
.
![](https://i0.wp.com/roc.havemail.cn/wp-content/uploads/2020/10/image.png?resize=640%2C270&ssl=1)
解决方法:
<input class="uni-input" onkeypress="javascript:if(event.keyCode == 32)event.returnValue = false;" v-model="password" type="text" name="password" :password="hidePsd" placeholder="请输入密码" />
【注】空格对应的 keyCode
为 32 。