实现文本域的maxlength

最新推荐文章于 2023-07-25 17:24:20 发布

原创最新推荐文章于 2023-07-25 17:24:20 发布 · 781 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#function

JSCRIPT 同时被 3 个专栏收录

26 篇文章

订阅专栏

WEB

14 篇文章

订阅专栏

1 篇文章

订阅专栏

本文详细介绍了如何在文本编辑器中实现输入字符数限制的功能，包括使用JavaScript事件监听来检测输入长度并应用相应的限制逻辑。

//onPropertyChange

function chkMaxLen(obj, e) {
            var maxLen = 200;
            if (getRangeById()) {
                return true;
            }
            if (obj.value.length >= maxLen) {
                if (e.keyCode == 46 || e.keyCode == 8 || (e.keyCode >= 33 && e.keyCode <= 40)) {
                    return true;
                } else {
                    if (!e.ctrlKey)
                        e.returnValue = "";
                    return false;
                }
            }
        }
        function getRangeById() {
            var o = document.selection.createRange();
            if (o.text.length > 0) {
                return true;
            } else {
                return false;
            }
        }
        function clearSelect() {
            var o = document.selection.createRange();
            o.text = "";
        }

onpaste="return false;"                            
oncopy="return false;" oncut="return false;" onfocus="clearSelect();" onKeydown="chkMaxLen(this,event)"
 onblur="chkMaxLen(this,event)"