个人中心
gpt4 book ai didi

javascript - 将光标放在 keyup 上文本的末尾

转载 作者：行者123 更新时间：2023-11-30 15:05:44 26 4
gpt4 key购买 nike

我正在实现与命令行相同的功能。当您输入一些命令然后按下向上键按钮时，您将看到您之前的命令。

现在我已经完成了所有工作并且工作正常，但我遇到了一个小问题。

我现在遇到的问题是，按up键时，光标位于命令的开头，而使用down 按钮，光标位于命令的结尾。

预期的行为是光标将放置在两者的末尾。

这与其他问题有何不同？

  • 焦点已经在输入字段上。
  • 它确实适用于向下按钮

setTimeout(function() {
var inputs = document.querySelectorAll('input');

inputs[0].onkeydown = function(e){
  //keyup
  if(e.keyCode == 38) {
    inputs[inputs.length-1].value = 'up pressed';
  }
  
  if(e.keyCode == 40 ) {
      inputs[0].value = 'down pressed';
  }
}
}, 1000);
<!DOCTYPE html>
<html>

  <head>
    <link rel="stylesheet" href="style.css">
    <script src="script.js"></script>
  </head>

  <body>
    <input type="text" placeholder="press the up or down key"/>
  </body>

</html>

最佳答案 

setTimeout(function() {
var inputs = document.querySelectorAll('input');

inputs[0].onkeydown = function(e){
  //keyup
  if(e.keyCode == 38) {
    // placed here, it prevents the key's default behaviour to go at the end of the input text
    e.preventDefault();
    inputs[inputs.length-1].value = 'up pressed';
  }
  
  if(e.keyCode == 40 ) {
      inputs[0].value = 'down pressed';
  }

}
}, 1000);
<!DOCTYPE html>
<html>

  <head>
    <link rel="stylesheet" href="style.css">
    <script src="script.js"></script>
  </head>

  <body>
    <input type="text" placeholder="press the up or down key"/>
  </body>

</html>

关于javascript - 将光标放在 keyup 上文本的末尾，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/45764363/

26 4 0
文章推荐： javascript - 我的 bootstrap 轮播只有指示器。我究竟做错了什么？
文章推荐： c - BOOL 未被识别为数据类型(C...？)
文章推荐： c - 无法将用户输入数组传递给 execvp
文章推荐： javascript - 在方法中调用函数时使用三元运算符