如何将光标置于具有contenteditable的div标签中文本的末尾

用户名

这里有很多解决方案

将光标放在inputtextbox标记的文本末尾

使用JavaScript将光标放在文本输入元素中的文本末尾

jQuery文本框游标到文本结尾?

jQuery在文本区域中设置光标位置

当前,我使用divtag withcontenteditable = "true"代替usinginputtextboxtag。

不幸的是,即使我替换valtext使代码正常工作,也没有一个能按预期工作。

任何想法?谢谢。

用户名

我发现了一个类似的问题,这似乎令人难以置信。

在contentEditable <div>上设置光标位置

尽管有人声称有什么用,但我还是使用了Zane Claes的答案,并且可以按预期工作。

$.fn.focusEnd = function() {
    $(this).focus();
    var tmp = $('<span />').appendTo($(this)),
        node = tmp.get(0),
        range = null,
        sel = null;

    if (document.selection) {
        range = document.body.createTextRange();
        range.moveToElementText(node);
        range.select();
    } else if (window.getSelection) {
        range = document.createRange();
        range.selectNode(node);
        sel = window.getSelection();
        sel.removeAllRanges();
        sel.addRange(range);
    }
    tmp.remove();
    return this;
}

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何将光标放在具有contenteditable的div标签中文本的末尾

来自分类Dev

.focus()-如何使用contentEditable div将光标置于内容的末尾

来自分类Dev

.focus()-如何使用contentEditable div将光标置于内容的末尾

来自分类Dev

如何将光标移动到RichEditBox中文本的末尾?

来自分类Dev

获取焦点后,如何将光标置于文本框中字符串的末尾?

来自分类Dev

tinymce 4如何将光标置于文本结尾

来自分类Dev

将光标放在 contenteditable div 的末尾

来自分类Dev

如何将光标置于默认位置?

来自分类Dev

如何将一个 div 置于另一个具有内联块的 div 之上

来自分类Dev

如何将 <div> 标签附加到 <tr> 标签中,并具有 <tr> 标签的准确位置

来自分类Dev

如何将光标置于窗体移动模式

来自分类Dev

如何从contenteditable div开始到光标位置获取文本

来自分类Dev

如何检查文本光标是否在contenteditable div内?

来自分类Dev

如何将具有不同ID标签和文本的html元素附加到JavaScript中?

来自分类Dev

如何将值从文本框传递到具有不同形式的标签

来自分类Dev

如何将值从文本框传递到具有不同形式的标签

来自分类Dev

如何将具有不同文本大小的标签与底部对齐?

来自分类Dev

如何将光标移动到ContentEditable Span的开始/结束

来自分类Dev

使用明细标签时如何将光标从“文本”更改为“默认”

来自分类Dev

在contenteditable div中将光标包装标签

来自分类Dev

如何将文本放在div标签下面?

来自分类Dev

如何将 div 标签内的文本与链接对齐。

来自分类Dev

如何将div置于其他div之上?

来自分类Dev

如何将光标放在 ExtJS 中 TextField 的末尾

来自分类Dev

如何将值发送到具有文本框角色的div

来自分类Dev

如何将 div 块中的文本设置为具有特定宽度?

来自分类Dev

如何将文本置于居中图像响应下方?

来自分类Dev

如何将特定的文本框置于顶部

来自分类Dev

我如何将文本文件附加到我的contenteditable div中?

Related 相关文章

  1. 1

    如何将光标放在具有contenteditable的div标签中文本的末尾

  2. 2

    .focus()-如何使用contentEditable div将光标置于内容的末尾

  3. 3

    .focus()-如何使用contentEditable div将光标置于内容的末尾

  4. 4

    如何将光标移动到RichEditBox中文本的末尾?

  5. 5

    获取焦点后,如何将光标置于文本框中字符串的末尾?

  6. 6

    tinymce 4如何将光标置于文本结尾

  7. 7

    将光标放在 contenteditable div 的末尾

  8. 8

    如何将光标置于默认位置?

  9. 9

    如何将一个 div 置于另一个具有内联块的 div 之上

  10. 10

    如何将 <div> 标签附加到 <tr> 标签中,并具有 <tr> 标签的准确位置

  11. 11

    如何将光标置于窗体移动模式

  12. 12

    如何从contenteditable div开始到光标位置获取文本

  13. 13

    如何检查文本光标是否在contenteditable div内?

  14. 14

    如何将具有不同ID标签和文本的html元素附加到JavaScript中?

  15. 15

    如何将值从文本框传递到具有不同形式的标签

  16. 16

    如何将值从文本框传递到具有不同形式的标签

  17. 17

    如何将具有不同文本大小的标签与底部对齐?

  18. 18

    如何将光标移动到ContentEditable Span的开始/结束

  19. 19

    使用明细标签时如何将光标从“文本”更改为“默认”

  20. 20

    在contenteditable div中将光标包装标签

  21. 21

    如何将文本放在div标签下面?

  22. 22

    如何将 div 标签内的文本与链接对齐。

  23. 23

    如何将div置于其他div之上?

  24. 24

    如何将光标放在 ExtJS 中 TextField 的末尾

  25. 25

    如何将值发送到具有文本框角色的div

  26. 26

    如何将 div 块中的文本设置为具有特定宽度?

  27. 27

    如何将文本置于居中图像响应下方?

  28. 28

    如何将特定的文本框置于顶部

  29. 29

    我如何将文本文件附加到我的contenteditable div中?

热门标签

归档