最近在做 小键人打字小程序 时,遇到一个问题。input输入框的bindinput事件,输入内容删除为空时无响应?
那么找了很多资料也没有解决。社区上也没有人知道。
于是,转了一个方向思考
<!--默认值 1 字符,主要是为了后面按backspace 时,能保留触发input 事件-->
<input type="text" value="1" v-if="isFocus" @input="handleKeyUp"
:maxlength="-1" />
handleKeyUp(e) {
let me = this;
let val = (e.detail.value).substr(1);
if (e.detail.keyCode == 8) {
let ents = me.enterWord.split('');
ents.pop();
me.enterWord = ents.join('');
}else{
me.enterWord+=val;//把每次输入的值存入 这个变量中
}
// 直接返回对象 ,同时可以控制光标的位置,并保留 值 1 让下次按backspace键可以触发
return {
value: 1,
cursor: 1
};
},