Textarea 插入文本 + 光标定位

最新推荐文章于 2024-08-06 11:58:02 发布

该怎様释怀

最新推荐文章于 2024-08-06 11:58:02 发布

阅读量1.7k

点赞数 4

文章标签： DOM操作光标位置文本插入 Vue.js 前端开发

本文链接：https://blog.youkuaiyun.com/CuiAndHani/article/details/123086798

版权

             //获取光标位置
            //ctrl 是dom节点
            getCursortPosition(ctrl) {
                //获取光标位置函数 
                let CaretPos = 0;
                // IE Support
                if (document.selection) {
              ctrl.focus(); // 获取焦点
              let Sel = document.selection.createRange(); // 创建选定区域
          Sel.moveStart('character', -ctrl.value.length); // 移动开始点到最左边位置
           CaretPos = Sel.text.length;                      // 获取当前选定区的文本内容长度
                }
                // Firefox support (非ie)
                else if (ctrl.selectionStart || ctrl.selectionStart == '0') {
                    CaretPos = ctrl.selectionStart; // 获取选定区的开始点 
                }
                return CaretPos;
            },
            // 设置光标位置
            // ctrl 是dom节点，pos 是要定位到的位置
            setCaretPosition(ctrl, pos) {
                //设置光标位置函数 
                if (ctrl.setSelectionRange)   //非ie