简易的输入框字数计数 Jquery组件

最新推荐文章于 2021-11-11 22:16:17 发布

ISaiSai

最新推荐文章于 2021-11-11 22:16:17 发布

阅读量838

点赞数

分类专栏： javascript

本文链接：https://blog.csdn.net/ISaiSai/article/details/51239744

版权

javascript 专栏收录该内容

155 篇文章 0 订阅

订阅专栏

字数计数

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
    <script src="jquery.min.js"></script>
</head>
<body>
<div class="container">
    <input id="abc" value="你好"><span id="wordCountShow"></span>
</div>
<script>
    $.fn.extend({
        wordCount: function (maxLength, wordWrapper) {
            var self = this;
            $(self).attr("maxlength", maxLength);
            showWordCount();
            $(this).on("input propertychange", showWordCount);
            function showWordCount() {
                curLength = $(self).val().length;
                var leaveCount = maxLength - curLength;
                wordWrapper.text(leaveCount + "/" + maxLength);
            }
        }
    })
    $(function () {
        $("#abc").wordCount(10, $("#wordCountShow"));
    })
</script>
</body>
</html>

ISaiSai

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
简易的输入框字数计数 Jquery组件

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title></title> <script src="jquery.min.js"></script></head><body><div class="container"> <input id="abc" value="你好"><s
复制链接

扫一扫