textArea实时显示文本输入框输入的字数

最新推荐文章于 2024-04-30 08:34:04 发布

WiFi_Uncle

最新推荐文章于 2024-04-30 08:34:04 发布

阅读量3.1k

点赞数 6

分类专栏： JavaScript js常用功能

本文链接：https://blog.csdn.net/wx11408115/article/details/77775185

版权

JavaScript 同时被 2 个专栏收录

15 篇文章 0 订阅

订阅专栏

js常用功能

6 篇文章 0 订阅

订阅专栏

这里写图片描述

<!DOCTYPE html>
<html>
<head>
    <title>TextArea</title>
    <meta charset="utf-8">
    <script type="text/javascript" src="https://cdn.bootcss.com/jquery/3.2.1/jquery.js"></script>
</head>
<body>
    <textarea id="text">

    </textarea>
    <span id="num">0</span>
    <script type="text/javascript">
        window.onload = function(){
            $("#text").on('input propertychange',function(e){
                $("#num").html(e.target.value.length);
            });
        }
    </script>
</body>
</html>