Javascript -获取输入键的长度

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>

​