Javascript 如何在按键时获取当前值
我正在使用vue.js并在表中创建一个表。我有一个输入字段,作为Javascript 如何在按键时获取当前值,javascript,vue.js,Javascript,Vue.js,我正在使用vue.js并在表中创建一个表。我有一个输入字段,作为数量,所以当我键入第一个单词时,它会在控制台上打印空 如果我输入3,则显示为空,如果我输入44,则显示为4,我使用v-on:keypress捕获事件,我不知道这里出了什么问题 var-app=新的Vue({ el:“应用程序”, 数据:{ 产品发票:[{ 产品编号:'', 产品名称:“”, 产品价格:'', 产品数量:'', 行总数:0 }] }, 方法:{ 计算总计(发票和产品){ 控制台日志(发票\产品.产品\数量) } }
数量
,所以当我键入第一个单词时,它会在控制台上打印空
如果我输入3,则显示为空,如果我输入44,则显示为4,我使用v-on:keypress
捕获事件,我不知道这里出了什么问题
var-app=新的Vue({
el:“应用程序”,
数据:{
产品发票:[{
产品编号:'',
产品名称:“”,
产品价格:'',
产品数量:'',
行总数:0
}]
},
方法:{
计算总计(发票和产品){
控制台日志(发票\产品.产品\数量)
}
}
});代码>
量
您应该使用keyup
事件处理程序
按键
,向上键
和向下键
分别类似于:单击
,鼠标按下,
和鼠标按下
Down
首先发生
按
第二次(输入文本时)
Up
最后发生(当文本输入完成时)
var-app=新的Vue({
el:“应用程序”,
数据:{
产品发票:[{
产品编号:'',
产品名称:“”,
产品价格:'',
产品数量:'',
行总数:0
}]
},
方法:{
计算总计(发票和产品){
控制台日志(发票\产品.产品\数量)
}
}
});代码>
量
您的问题是,在输入字段中进行处理之前,按键时会触发onkeypress
事件;原因是允许您的事件处理函数捕获它并最终过滤掉它。这就是为什么字段还没有显示正确的结果,因为它还没有“看到”键
因此,您需要的解决方案是更改逻辑以捕获keyup
事件,一旦在聚焦字段中输入了密钥,就会触发该事件 您是否尝试过使用事件keyup
?