微信小程序input组件解决iphone拼音字符maxlength长度问题

微信小程序的input组件提供了maxlength属性，用于限制用户输入的最大字符数。但在中文输入场景中，其将拼音阶段的临时字符纳入长度计算‌，iphone手机用户使用拼音输入法时，未转化为汉字的拼音字符串会被误判为有效输入，导致输入框过早触发截断。

解决方法如下：

<input value="{{inputText}}" bindinput="textInput" />

小程序js代码

Page({
    data:{
        inputText:''
    },
 
    textInput(e){
        let maxLength=10;    //设置input文本框最多能输入10个字符
        this.setData({title:e.detail.value.substr(0, maxLength)});
    }
})

使用substr字符串截取函数可以解决iPhone手机输入拼音自动截取的问题。

标签：程序小程序js