如何知道输入中输入的最后一个字符 - Javascript

Question

假设我们有以下输入：

<input id="myInput" type='text' onkeyup="validate(this.value)" />

function validate(character) {
    console.log(character)
}

问题是我只得到输入的整体价值。 例如，如果我写 2，它返回 2，但如果我写一个 7，它返回 27，而它应该只返回 7。

Answer 1

只需从“keyup”事件中检索KeyboardEvent属性键，如下所示：

 //assign the input element to a variable let input = document.querySelector("#myInput"); //add a keyup listener to the input that will run the function passing the event to the function as an argument input.addEventListener("keyup", function(e) { console.log(e.key); });

 <input id="myInput" type='text'/>

JSFiddle 上面的代码： https ://jsfiddle.net/AndrewL64/n18wqzjm/4/

---

但是等等，如果我想让某些键运行其他东西，比如运行不同的 console.log 呢？

好吧，您可以添加一个条件语句来检查键属性值并将其与单个键进行比较，如下所示：

 let input = document.querySelector("#myInput"); input.addEventListener("keyup", function(e) { if (e.key === "Delete") { //if the DELETE key is pressed, don't run the default console.log but do something else console.log("You are trying to add delete key as a character: " + e.key); } else if (e.key === "Escape") { //if the ESCAPE key is pressed, don't run the default console.log but do something else console.log("You are trying to add escape key as a character: " + e.key); } else { //run the default console.log console.log(e.key); } });

 <input id="myInput" type='text'/>

Answer 2

我能想到的一个最简单的解决方案是console.log(character[character.length-1])

Answer 3

您获取整个文本的原因是您为验证函数提供了整个输入值。 要检查最后一个输入字符，您可以将文本拆分为最后一个字符并检查它。 如果要允许输入某些字符，则必须每次都检查此字符。

Answer 4

var input = "String"; 
var result = input.charAt(input.length-1);

输出：g