按下键时错误获取值

时间:2016-01-15 11:40:38

标签: javascript html input

当按键关闭时,我尝试从文本输入中获取值。

我的代码:

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>JS Bin</title>
</head>
<body>
  <input type="text" onkeydown="console.log(this.value)">
</body>
</html>

代码演示: http://jsbin.com/funexipure/1/edit?html,console,output

故障描述:
当我写1时,我在控制台中有""作为值 当我在此之后写2时,我在控制台中将"1"作为值,依此类推

那么,当密钥关闭时,我如何获得实际当前值?非常感谢你。

2 个答案:

答案 0 :(得分:3)

您可以使用onkeyup来获取所需的输出

  <input type="text" onkeyup="console.log(this.value)">

答案 1 :(得分:0)

Keyup功能相当不错,但如果您通过鼠标单击粘贴该值,则无法正常工作。

试试这个

$('input').on('input propertychange', function(){
   console.log($(this).val());
})

当您通过鼠标单击粘贴时,这也适用于键盘输入。

<强>原因

keyup检查您何时从键盘按键,但propertychange无论如何都会更改任何属性。