美文网首页CSS
限制文本字数,溢出处理

限制文本字数,溢出处理

作者: 五岁小孩 | 来源:发表于2020-07-25 22:05 被阅读0次

    限制文本字数,溢出处理

    function:限制指定字数,超过溢出处理

    参数:domId: 操作组件的id

    ​ wordNum 限制字数

    //限制笔记文本框的 文字溢出
    function textOverflow(domId,wordNum) {
    //限制字符个数
            var maxwidth = parseInt(wordNum);
            let noteTxt = $("#"+domId).text();
            console.log("noteTxt==", noteTxt);
            console.log("noteTxt.length==", noteTxt.length);
            if (noteTxt.length > maxwidth) {
                let noteTxtShow = noteTxt.substring(0, maxwidth);
                let noteTxtHidden = noteTxt.substring(maxwidth, noteTxt.length);
                console.log(noteTxtShow);
                $(this).text(noteTxtShow + "........");
                $(this).next().text(noteTxtHidden)
            }
    }
    

    相关文章

      网友评论

        本文标题:限制文本字数,溢出处理

        本文链接:https://www.haomeiwen.com/subject/ejtlictx.html