UniApp 输入框防止输入空格

    科技2024-07-09  71

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

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

    解决方法:

    <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

    Processed: 0.010, SQL: 8