通过按“Enter”键显示文本框中的值

Displaying value from a textbox by pressing "Enter" key

本文关键字：文本 显示 Enter      更新时间：2023-09-26

我有一个文本框，用户在文本框中键入两个单词，然后按 Enter。一旦按下回车键，这两个单词应以相反的顺序显示（即第二个单词在前，第一个单词在后）。例如，用户键入"Sara Waka"。显示的文本应为"Waka Sara"。我该怎么做？

    <body>
    Enter Full Name: <input id="name" name="name" type="text" />
    <br /><br />
    <script>
        var fname = document.getElementById("name").value;
    </script>
</body>

var nameInput = document.getElementById('name');
nameInput.addEventListener('keyup', function(e) {
  if (e.keyCode === 13) {
    var words = nameInput.value.split(' ');
    if (words.length === 2) {
      nameInput.value = words[1] + ' ' + words[0];
    }
    else {
      console.log('must be exactly 2 words');
    }
  }
});

希望这段代码能解决你的问题： 

  <body>
      Enter Full Name: <input id="name" name="name" type="text" />
      <br /><br />
      <script>
        document.addEventListener('keyup',function(event){
          var inputBox, val;
          if(event.keyCode === 13){
            inputBox = document.getElementById('name');
            val = inputBox.value;
            inputBox.value = val.split(" ").reverse().join(" ");
          }
        });
     </script>
  </body>

参考此 JSFiddle

相关文章：