UniApp 输入框防止输入空格

UniAppinput 标签虽然提供了@input事件,但是仅仅是小程序能使用,所以在这里使用了原生的 onkeypress 事件来避免空格的输入。

【注】以下方法针对于web的键盘输入有效,而对于安卓与IOS手机来说不起作用,因为手机端使用的是软键盘(我们安装的输入法),所以无法获取到相应的 keyCode.

UniApp 输入框防止输入空格_第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 。

个人博客:Roc’s Blog

你可能感兴趣的:(前端,其他,uniapp)