美文网首页
光标显示控制

光标显示控制

作者: 蜻蜓路过风 | 来源:发表于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()即可
    }
}

相关文章

  • 光标显示控制

    前言: 遇到一个需求:需要在可编辑的div有了内容后点击后光标出现在div的内容后面,'科学查询'了很多方法,最后...

  • 光标控制div插入表情的实现方案:

    光标控制1光标控制2

  • EditText使用总结

    获取光标位置 在光标处插入字符 删除光标前字符 选中文字 点击EditText获取焦点显示光标且不弹出软键盘 处理...

  • Linux终端光标消失

    隐藏光标 显示光标 完成! 来源:https://blog.csdn.net/weixin_43336281/ar...

  • linux-光标消失

    echo -e "\033[?25l" 隐藏光标echo -e "\033[?25h" 显示光标

  • EditText

    取消默认editext的光标显示,只有触摸才会显示 android:descendantFocusability=...

  • Android EditText 用法小结

    知识点 显示光标但不显示软键盘 将光标移至文字末尾 给EditText设置文本 给EditText设置为空 搜索跳...

  • win10 英文状态 CMD的光标不显示

    windows 10 cmd 在中文输入时可以有方块显示光标位置,但是有时候切换英文输入后,横线光标不显示了。 解...

  • 课堂笔记day9

    1.文件内容相关命令 普通模式下: :set nu 显示行号 1.2$移动光标至行尾 0移动光标至行首 G 光标移...

  • 让 Keynote 显示光标

    https://www.liveslides.com/faq/mouse-pointer-does-not-app...

网友评论

      本文标题:光标显示控制

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