Javascript 将计数器添加到文本区域输入

我有下面的脚本，它可以达到这个目的，但是我想添加一个计数器来直观地通知用户剩余的字符

剧本

function limit(element, max_chars)
{
    if(element.value.length > max_chars)
        element.value = element.value.substr(0, max_chars);
}

html

---

这里有一个可以实现这一点的函数。

您可以在限制函数中添加几行，以获取一些元素，并根据element.value.length的值更新其内容

html:

朋友

您可以在onKeyDown上使用此功能

if(document.getElementById(element).value.length==limit && event.keyCode!=8)
document.getElementById(element).blur();

PS:keycode8是退格。

脚本

function limit(element, max_chars)
{
    if(element.value.length > max_chars)
        element.value = element.value.substr(0, max_chars);
}

function limit(element, max_chars, counter)
{
    if(element.value.length > max_chars)
        element.value = element.value.substr(0, max_chars);
    document.getElementById(counter).innerHTML = element.value.length - max_chars; 
}

html

还剩150个字符

谢谢。我去看看。顺便说一句，最近加载的插件数量正逐渐失去控制。编写您自己的代码或复制和粘贴是无法控制的。使用库已经并且将永远是解决问题的更好方法。提供链接不是解决方案，使用插件也不总是更好的方法。@Hussein:是的，是的。我明白了，你常常是错的可用jQuery插件的总体质量变化很大，通常相当低。我想说@Hussein有道理，尽管否决票是没有根据的。它计算的是输入的字符数，而不是剩余的字符数。我该怎么做呢？在这种情况下，您只需从max_chars中简单减去element.value.length。那么delete或return呢？：）

if(document.getElementById(element).value.length==limit && event.keyCode!=8)
document.getElementById(element).blur();

function limit(element, max_chars, counter)
{
    if(element.value.length > max_chars)
        element.value = element.value.substr(0, max_chars);
    document.getElementById(counter).innerHTML = element.value.length - max_chars; 
}

<textarea onkeyup="javascript:limit(this,150,'someCounter')" onblur="limit(this,150,'someCounter')" name="message" rows="4" style="width:99%; margin: 0;" class="unfocusinput"></textarea>
<span id"someCounter">150</span> chars left