Javascript 如何使用jquery将标题大小写文本输出到html字段

我使用下面的jQuery允许用户在文本字段中输入一些文本，然后在div中的屏幕上的其他地方呈现这些文本

我可以让文本以大写和小写呈现，但我不太确定如何让它以标题大小写呈现，或者两者混合呈现

代码如下：

jQuery('#fhc-sloganText').keyup(function() {

    var plateSlogan = document.getElementById("plateSlogan");

    plateSlogan.innerHTML = this.value.toLowerCase();

});

---

我相信我需要使用RegExp，但我发现在这种情况下很难实现它。

您可以使用此函数将字符串中的每个单词大写

function toTitleCase(str){
  return str.replace(/\b\w/g, l => l.toUpperCase());
}

#{
高度：50px；
边框：1px纯黑；
}

jQuery（“#fhc SlogantText”）.keyup（函数（）{
var PLATELANGOSMAN=document.getElementById（“PLATELANGOSMAN”）；
PlateSpanion.innerHTML=this.value.replace（/\b\w/g，l=>l.toUpperCase（））；
});

您可以使用此函数将字符串中的每个单词大写

function toTitleCase(str){
  return str.replace(/\b\w/g, l => l.toUpperCase());
}

#{
高度：50px；
边框：1px纯黑；
}

jQuery（“#fhc SlogantText”）.keyup（函数（）{
var PLATELANGOSMAN=document.getElementById（“PLATELANGOSMAN”）；
PlateSpanion.innerHTML=this.value.replace（/\b\w/g，l=>l.toUpperCase（））；
});

您可以更轻松地实现此目标。使用CSS：

plateslawanion.style.textTransform=“大写”；

---

或者，如果您使用jQuery，您可以使用函数

，您可以更轻松地实现这一目标。使用CSS：

plateslawanion.style.textTransform=“大写”；

---

或者，如果您使用的是jQuery，则可以使用函数

您所说的标题格的可能重复项？可能是Title tag？？您可以使用CSS，还是需要实际值才能显示Title case<代码>文本转换：大写将正确显示它…事实上，@FissureKing，这是迄今为止最好的方式。您可以在这里使用大写函数：或者简单地使用

文本转换：大写

，我相信这是最简单的。标题大小写的可能重复是什么意思？可能是Title tag？？您可以使用CSS，还是需要实际值才能显示Title case<代码>文本转换：大写将正确显示它…事实上，@FissureKing，这是迄今为止最好的方法。您可以在这里使用大写函数：或者简单地使用我认为最简单的

文本转换：大写

。不，CSS不起作用，因为字段是传递到购物篮和结帐的产品属性。然后，客户需要为客户将准确的字符打印到产品上。因此，如果它们都是大写或小写，则会按顺序显示。CSS仅显示网站前端的更改。@user2770714如果是这样，我建议您尝试hev1的解决方案。如果不起作用，CSS将不起作用，因为字段是传递到购物篮和结帐的产品属性。然后，客户需要为客户将准确的字符打印到产品上。因此，如果它们都是大写或小写，则会按顺序显示。CSS仅显示网站前端的更改。@user2770714如果是这样，我建议您尝试hev1的解决方案。谢谢你！这几乎是完美的。我将如何着手修改它，以便用户可以拥有他们希望使用的任何案例。因此，他们可以键入类似“你好，这是我的口号”的内容，而不是当前显示的“你好，这是我的口号”。@user2770714我编辑了我的答案以满足您的需要。谢谢！这几乎是完美的。我将如何着手修改它，以便用户可以拥有他们希望使用的任何案例。因此，他们可以键入类似“你好，这是我的口号”的内容，而不是当前如何显示“你好，这是我的口号”。@user2770714我编辑了我的答案以满足您的需要。