javascript - 如何直接根据用户输入更改输入框中的特定文本？

Question

我的代码中有一个输入字段:<input type=text name=code id=code> .

我想要做的是当用户在字段中键入时将特定文本转换为另一个文本。

让我解释一下。当用户在输入中输入 31546 时，我希望该文本直接转换为 HELLO。

我知道这可以使用 JavaScript/jQuery 来完成，但我对如何实现这一点没有任何想法。我该怎么办？

^{_{如果使用文本区域更容易，我准备将输入更改为文本区域。}}

^_编辑: 我从 this StackOverflow post 获得了代码它检测元素的任何更改，

 $('.myElements').each(function() {
   var elem = $(this);

   // Save current value of element
   elem.data('oldVal', elem.val());

   // Look for changes in the value
   elem.bind("propertychange change click keyup input paste", function(event){
      // If value has changed...
      if (elem.data('oldVal') != elem.val()) {
       // Updated stored value
       elem.data('oldVal', elem.val());

       // Do action
       ....
     }
   });
 });

但我不知道如何利用它来实现我想要的目的。

^{_{请耐心等待，因为我在这个领域还是个新手。}}

谢谢。

Answer 1

一种选择是为您的输入设置一个 keyup 事件，然后在用户键入时替换该值。例如:

$('input').keyup(function () {
    var val = $(this).val();

    var newVal = val.split('31546').join('HELLO');

    if (newVal !== val) {
        $(this).val(newVal);
    }
});