onKeyUp 事件在键盘按键被松开时触发

最新推荐文章于 2024-08-25 16:53:45 发布

原创最新推荐文章于 2024-08-25 16:53:45 发布 · 2.8k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #html

前端专栏收录该内容

9 篇文章

订阅专栏

本文介绍了一个简单的HTML和JavaScript实现方案，用于实时统计并限制文本输入框内的字符数量，当达到预设的最大字数时，会阻止进一步输入并给出提示。

实时统计输入文本的字数
HTML代码输入框：

<textarea id="mytext1" name="deal_descript" onkeyup="textLen()"></textarea>
<p class="pos2"><span>0</span>/50</p>

js代码函数：

function textLen(){
        var inputText = document.getElementById('mytext1').value;
        if(inputText.length > 50){
            var text = inputText.substring(0,50);
            alertStr("最多输入50个字");
            document.getElementById('mytext1').value = text;
            $(".pos2 span").html(inputText.length);
            die();
        }
        $(".pos2 span").html(inputText.length);
    }