📅  最后修改于: 2023-12-03 14:49:41.155000             🧑  作者: Mango
有时候我们需要在页面上对文本进行字数限制,比如对用户输入的评论、标题等进行字数限制。这时候我们可以使用 JavaScript 来实现。
以下是一个简单的实现:
function limitText(text, limit) {
if (text.length <= limit) {
return text;
}
return text.substring(0, limit) + '...';
}
这个函数接受两个参数,第一个参数 text
是要限制的文本,第二个参数 limit
是限制的字数。
函数内部首先判断文本的长度是否小于等于限制的字数,如果是,则直接返回原文本。否则使用 substring()
方法从文本的开头截取指定长度的子字符串,并在末尾添加省略号,返回限制后的文本。
我们可以在一个事件处理函数中调用这个函数,比如在用户输入评论时对评论进行字数限制:
<textarea oninput="this.value = limitText(this.value, 100)"></textarea>
这里将 oninput
事件处理函数绑定到文本框上,当用户输入时就会触发这个函数。函数中调用了 limitText()
函数,将文本框中的值限制在 100 个字符以内。
这就是一个简单的 JavaScript 字数限制实现,可以方便地应用到各种场景中。