Javascript 按下键时获取值时出错_Javascript_Html_Input

Javascript 按下键时获取值时出错

javascript html input

Javascript 按下键时获取值时出错,javascript,html,input,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

当按键按下时，我尝试从文本输入中获取值

我的代码：

<!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>


JS-Bin

代码演示：

故障描述：
当我写入

时，控制台中有

“

作为值。
当我在此之后写入

时，控制台中的值为

“1”

，依此类推

那个么，当按键按下时，我怎样才能得到实际的电流值呢？非常感谢。

您可以使用

onkeyup

获得所需的输出

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

键控功能非常好，但如果用鼠标单击粘贴值，则该功能不起作用

试试这个

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

当您使用鼠标单击粘贴时，这也适用于键盘键入

原因

keyup

在键盘上按下键时进行检查，但是

propertychange

在更改任何属性时都会起作用。

onkeydown在更改输入值之前被调用，因此您可以返回false来“忽略”击键。当我在Chrome中测试您的实时示例时，可以得到您描述的IE行为。@Quentin Yes，我也注意到了这个问题，并更新了我的问题。感谢您使用

onkeyup

它在释放密钥时触发，这意味着将在该点设置值，并且出于上帝的爱，请不要将DOM属性用于事件处理程序。@AlexanderSeredenko-什么代码示例？