textarea的相关操作

最新推荐文章于 2024-08-18 23:01:41 发布

letian003

最新推荐文章于 2024-08-18 23:01:41 发布

阅读量415

点赞数

文章标签： function character input html

本文链接：https://blog.csdn.net/letian003/article/details/6058304

版权

<html>
    <head>
        <title>Test Page</title>
    </head>
    <body>
        <form>
            Input:
            <textarea rows="5" cols="50" name="aaa"></textarea>
        </form>
    </body>
</html>

<script type="text/javascript">
    function checkFocus(obj)
    {
        if(obj.value.length > 0)
        {
            var ss = obj.value;
            ss = getTrimStr(ss);

            if(ss.length < 1)
            {
                setCaretTo(obj, 0);
                return;
            }
            else
            {
                var pos = ss.length;


                var getPos = getPosTrim(obj);

                if(getPos >= pos)
                {
                    setCaretTo(obj, pos);
                }
            }
        }
    }

    function getTrimStr(value)
    {
        return value.replace(/(^/s*)|(/s*$)/g,"");
    }

    function setCaretTo(obj, pos)
    {
        if(obj.createTextRange)
        {
            var range = obj.createTextRange();
            range.move("character", pos-1);
            range.select();
        }
        else if(obj.selectionStart)
        {
            obj.focus();
            obj.setSelectionRange(pos, pos);
        }
    }

    function getPosTrim(obj)
　　{
        if(obj.selectionStart)
        {
            var end = obj.selectionStart;

            return end;
        }
        else
        {
            obj.focus();
            var workRange=document.selection.createRange();
            obj.select();
            var allRange=document.selection.createRange();
            workRange.setEndPoint("StartToStart",allRange);
            var len=workRange.text.length;
            workRange.select();

            return len;
        }
    }
</script>

letian003

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
textarea的相关操作

<br /><html><br /> <head><br /> <title>Test Page</title><br /> </head><br /> <body><br /> <form><br /> Input:<br /> <textarea rows="5" cols="50" name="aaa"></textarea><br /> </form><br />
复制链接

扫一扫