使用Javascript - 获取输入的长度的keydown

Question

我有一个文本框和什么我使用的console.log每次看到我按下一个键的事件与此格式触发：

keydown { target: <input#WebCombo_input.ig_82235515_r28.text>, key: "s", charCode: 0, keyCode: 83 } 

如果我集团公司在在Firefox的控制台中输入部分我可以看到它的属性，它们之间是textLength，这是我需要的。

所以我的问题是，我怎样才能得到一个变量的长度？

Answer 1

你可以使用event.target.value.length（JavaScript）或是event.target.val().length（jQuery的）

Answer 2

简单而精确的方法是让target元素值，因为它是对非投入的输入您访问innerHTML相反，检查下面

var input = document.getElementById("field"); 
 
var variable = ""; 
 

 
function showVariable(length){ 
 
variable = length; //here you can manipulate the value 
 
    document.getElementById("show").innerHTML = variable; 
 
}

<p> 
 
<input onkeydown="showVariable(this.value.length)" id="field" type="text" placeholder="Please type something"> 
 
</p> 
 

 
Value: <span id="show"></span>

代码段