在微信小程序中、如果想要实时监听 input 的输入,可以使用 bindinput 属性,微信小程序官方提供的方法。

bindinput 属性中定义的函数会在键盘输入时触发,event.detail = {value, cursor, keyCode},keyCode 为键值,2.1.0 起支持,处理函数可以直接 return 一个字符串,将替换输入框的内容。

wxml代码

<input type="text" placeholder="请输入用户名" bindinput="getValue" />

js代码

Page({
    getValue(e) {
        console.log("value:" + e.detail.value);
    }
})

实际效果

(adsbygoogle = window.adsbygoogle || []).push({});