美文网首页
光标显示控制

光标显示控制

作者: 蜻蜓路过风 | 来源:发表于2017-12-22 11:59 被阅读0次

    前言: 遇到一个需求:需要在可编辑的div有了内容后点击后光标出现在div的内容后面,'科学查询'了很多方法,最后在StackOverflow上提了问题,并得到了解决,直接看代码吧

    function controlCursor(elment) {
        var el = elment || $('#myTextarea')[0]; //获取可编辑div元素
        if (el.innerText != '') { //此时需做个判断,不然会报错
            var textLength = el.lastChild.length;
            var range = document.createRange();
            var sel = window.getSelection();
            range.setStart(el.lastChild, textLength);
            range.collapse(true);
            sel.removeAllRanges();
            sel.addRange(range);
        } else { //
            el.focus(); //div为空,简单的focus()即可
        }
    }
    

    相关文章

      网友评论

          本文标题:光标显示控制

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