Question

所以我在这里遇到了一个问题。我有一个输入，一个段落将保留其值。

一切都很好。但是，例如，我想将字母“ a”更改为“ b”。每次发生。我怎么做？我只需要使它在第一次出现时就可以正常工作一次，如下所示：

var input = document.querySelector("input");
var h1 = document.querySelector("h1");

input.addEventListener("input", function(){
  h1.innerText = input.value.replace("a", "b");
 
});

<input type="text">
<h1></h1>

如何使它在每次发生时都替换掉？我该如何用它代替一个字母代替更多？就像，现在，如果用户按下了字母“ b”，则除了第一次替换（用b替换a）之外，还用“ t”替换它。

Answer 1

您正在将事件侦听器添加到带有“输入”的输入中，该输入无效。有效事件为：点击，键入等...

这是一支笔，显示了如何用b替换所有a。

它使用正则表达式查找所有[a]，其中/ g用于全局字符串搜索，而/ i用于不区分大小写，并将它们替换为“ b”。查找：/ [a] / gi替换：“ b”

var input = document.querySelector("input");
var h1 = document.querySelector("h1");

input.addEventListener("keyup", function() {
  h1.innerText = input.value.replace(/[a]/gi, "b");
});

https://codepen.io/jthomas077/pen/mGPbrB

如何在input.value上用另一个字母替换一个字母

1 个答案: