html TextRange的使用

来源：互联网发布：雅虎股票数据接口编辑：程序博客网时间：2024/05/17 22:02

<textarea id="target">fdajklfj al</textarea>
        <p><button id="btn">插入话题</button></p>
        <script language="javascript">
            var $ = function (id) {
                return document.getElementById(id);
            };
            $("btn").onclick = function () {
                var con = "请在这里输入自定义话题";
                //转载文字
                $("target").value += "#" + con + "#";
                var l = $("target").value.length;
                //创建选择区域
                if ($("target").createTextRange) {//IE浏览器
                    var range = $("target").createTextRange();
                   // range.moveEnd("character", -l)
                    //range.moveStart("character",-l)
                    range.moveEnd("character", l - 1);
                    range.moveStart("character", l - 1 - con.length);
                    range.select();
                } else {
                    $("target").setSelectionRange(l - 1 - con.length, l - 1); // 一共13   range(1,12); 1< =12
                    $("target").focus();
                }
            };
        </script>

0 0