我使用下面的jQuery允许用户在文本字段中输入一些文本,然后在屏幕上的某个div中的其他位置呈现这些文本。
我能够让文本以大写和小写呈现,但我不太确定如何让它以标题大小写呈现,或者两者混合呈现。
代码如下:
jQuery('#fhc-sloganText').keyup(function() {
var plateSlogan = document.getElementById("plateSlogan");
plateSlogan.innerHTML = this.value.toLowerCase();
});
我认为我需要使用RegExp,但我发现在这个场景中尝试实现它很困难。
发布于 2018-07-27 04:37:26
您可以使用此函数将字符串中的每个单词大写。
function toTitleCase(str){
return str.replace(/\b\w/g, l => l.toUpperCase());
}
#plateSlogan{
height: 50px;
border: 1px solid black;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input id="fhc-sloganText"/>
<p/>
<div id="plateSlogan"></div>
<script>
jQuery('#fhc-sloganText').keyup(function() {
var plateSlogan = document.getElementById("plateSlogan");
plateSlogan.innerHTML = this.value.replace(/\b\w/g, l => l.toUpperCase());
});
</script>
您可以使用此函数将String>中的第一个单词大写
function capitalizeFirstLetter(str) {
return str.charAt(0).toUpperCase() + string.slice(1);
}
#plateSlogan{
height: 50px;
border: 1px solid black;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input id="fhc-sloganText"/>
<p/>
<div id="plateSlogan"></div>
<script>
jQuery('#fhc-sloganText').keyup(function() {
var plateSlogan = document.getElementById("plateSlogan");
plateSlogan.innerHTML = this.value.charAt(0).toUpperCase() + this.value.slice(1);
});
</script>
发布于 2018-07-27 04:38:04
您可以更容易地实现此目标。使用CSS:plateSlogan.style.textTransform = "capitalize";
或者,如果使用的是jQuery,则可以使用函数.css
https://stackoverflow.com/questions/51547105
复制相似问题