利用jquery来做输入框实现输入提示还能输入多少字？

雨点打透心脏的1/2处 2024-04-29 11:10 67阅读 0赞

![937ff283d5034f9d918f95634b6f7c27.png][]

![55e244df093543268fe3dc271feb1798.png][]

这个还能解决鼠标粘贴的问题

<!DOCTYPE html>
    <html>
    <head lang="en">
        <meta charset="UTF-8">
        <title></title>
        <script src="js/jquery-1.12.4.js"></script>
        <script>
            $(function (){
                $("textarea").bind("focus keyup",function(){
                    const maxLen = 200;
                    var len = $("textarea").val().length;
                    var now = maxLen - len;
                    $("textarea").next().html("还可以输入" + now + "个字")
                })
            })
        </script>
    </head>
    <body>
    <p><label for="user-infor">个人简介</label>
    <textarea  id="user-infor" cols="5" rows="5"></textarea>
    <span></span>
    </p>
    </body>
    </html>

[937ff283d5034f9d918f95634b6f7c27.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/29/63bd3e127f984bb8b22f4b03151356d5.png
[55e244df093543268fe3dc271feb1798.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/29/053bdd9b42a84d52801a900624f01a48.png

发表评论取消回复

表情：

评论列表（有 0 条评论，67人围观）

还没有评论，来说两句吧...

相关阅读

相关利用jquery来做输入框实现输入提示还能输入多少字？

利用jquery来做输入框实现输入提示还能输入多少字？这个还能解决鼠标粘贴的问题

雨点打透心脏的1/2处/ 2024年04月29日 11:10/ 0 赞/ 68 阅读

相关利用js实现输入框动态提示信息

为了提高和用户的交互性，现在的输入框往往都采用输入信息自动提示的功能，类似于百度输入框中的提示功能。设计思路是：在输入框input的组件下面放置一个div，这个div主要是

小鱼儿/ 2022年09月23日 14:49/ 0 赞/ 304 阅读

相关 js校验输入框还可输入的字数

function checkLength(input) \{ // 获取可输入最大长度为140个汉字，一个汉字两个字符 var maxLength = 280;

超、凢脫俗/ 2022年08月06日 13:03/ 0 赞/ 216 阅读

相关 JQuery输入框中输入内容改变事件

输入框中输入内容改变事件 $('object').bind('input propertychange keyup', function() {

本是古典何须时尚/ 2022年07月16日 05:48/ 0 赞/ 215 阅读

相关 input隐藏边框轮廓、输入框输入提示

input隐藏边框轮廓，隐藏边框 1.去除边框轮廓： <input type="text" style="outline:0;" > 2.隐藏

一时失言乱红尘/ 2022年06月16日 01:20/ 0 赞/ 668 阅读

相关 jquery的搜索框输入提示页面

<!doctype html> <html> <head> <meta http-equiv="Content-Type" content="t

旧城等待，/ 2022年06月12日 00:44/ 0 赞/ 301 阅读

相关 jQuery 监听输入框输入（兼容IE8）

> 因 IE9 以下版本的浏览器不兼容 oninput 事件，所以经常使用 keyup + change 的组合事件来完成，但是体验有所欠缺。 > > 其实 IE 早已有与

一时失言乱红尘/ 2021年11月19日 11:58/ 0 赞/ 433 阅读

相关 jQuery 邮箱提示输入

1。jQuery代码 / Created by qqg on 2017/12/5. / (function($){ $.fn.exte

傷城~/ 2021年09月26日 09:12/ 0 赞/ 501 阅读

相关 ajax实现输入框提示信息

![20181112145906611.png][] HtmlPage1.html <head> <meta charset="utf-8" />

淡淡的烟草味﹌/ 2021年09月16日 23:32/ 0 赞/ 435 阅读

相关 h5 输入提示框

输入框提示列表 input的list属性必须和datalist的id属性相同，才能有输入提示框 datalist中的内容将会被隐藏代码示例:

缺乏、安全感/ 2021年07月24日 14:35/ 0 赞/ 494 阅读