微信小程序input标签绑定事件在键盘收回时再触发_微信小程序 input输入 关闭键盘后获取

还原场景

当时在对一个input标签加提示框时，遇到一个问题。起初在微信开发工具里并没有还原，后来在真机调试的时候遇到了问题。主要是在真机调试的时候，手机里的输入法是一个弹框形式，而与电脑不同的地方在于，输入法输入完成后，一般会有一个收起操作，这个操作在电脑上是不存在的，正是这个操作再一次触发了input框的监听事件。

解决办法

<input name="schoolName" bindinput="bindinput" value="{{inputValue}}" class="weui-input"
					   style="display:block" placeholder="请输入学校全称"/>
1
2

我们在使用对事件绑定监听后，收起键盘和在正常输入后都会触发事件，并且获取的值是一样的，但是值所在的对象中其它的值是不一样的。我们打印一下这两种情况下获取的值所在的对象。

		bindinput: function (e) {
			var that=this;
			console.log(e.detail);
			//用户实时输入值
			var prefix = e.detail.value
1
2
3
4
5

此时通过如下定义即可过滤键盘收起时的触发情况了

			var prefix = e.detail.value
			if (prefix==""||!e.detail.keyCode){ 
				....
			}
1
2
3
4