微信小程序input标签绑定事件在键盘收回时再触发

还原场景

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

解决办法


微信小程序input标签绑定事件在键盘收回时再触发_第2张图片
我们在使用对事件绑定监听后,收起键盘和在正常输入后都会触发事件,并且获取的值是一样的,但是值所在的对象中其它的值是不一样的。我们打印一下这两种情况下获取的值所在的对象。

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

微信小程序input标签绑定事件在键盘收回时再触发_第3张图片
此时通过如下定义即可过滤键盘收起时的触发情况了

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

你可能感兴趣的:(备忘随笔,小程序,js)