即使使用JavaScript添加文本,有没有一种简单的方法可以防止光标完全移动可编辑的div?

蓝宝石_砖

我有以下代码:

document.getElementById("myDiv").addEventListener("keydown", function (e){
  if (e.keyCode == 8) {
    this.innerHTML += "⠀".repeat(4);
    e.preventDefault();
  }
  //moves cursor
});
<div id="myDiv" contenteditable="true">Enter text.</div>
我见过类似的问题,但我见过的答案不足以使div内容可编辑,并且其中许多根本不起作用。
如何确保光标不会自动移动?

维维克

尝试这个。

const el = document.getElementById("myDiv");
const sel = window.getSelection();
const offset = sel.getRangeAt(0).startOffset;

el.innerHTML += 'Text needed to be added'; // perform operations here

const nRange = document.createRange();
nRange.setStart(el.childNodes[0], offset);
nRange.collapse(true);

sel.removeAllRanges();
sel.addRange(nRange);

我尚未在所有浏览器中签入。您必须执行一些其他步骤才能具有浏览器兼容性,但这是要点。

演示在这里:https : //jsbin.com/xesitepima/edit?html,js,输出

部分取自:https : //stackoverflow.com/a/6249440/2492924

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

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

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

有没有一种方法可以防止光标到达终端的底部?

来自分类Dev

有没有一种方法可以防止光标到达终端的底部?

来自分类Dev

有没有一种方法可以防止指针/光标与使用CSS的select元素后面的元素进行交互?

来自分类Dev

有没有一种方法可以防止SwiftUI文本标签在显示计时器时稍微移动?

来自分类Dev

有没有一种方法可以防止MongoDB向集合名称添加复数形式?

来自分类Dev

有没有一种方法可以防止jQuery事件冒泡到特定的div?

来自分类Dev

有没有一种方法可以防止填充类的填充

来自分类Dev

有没有一种方法可以防止Spring Boot覆盖bean?

来自分类Dev

有没有一种方法可以防止Spring Boot覆盖bean?

来自分类Dev

有没有一种安全的方法可以防止exec删除引号?

来自分类Dev

有没有一种方法可以防止特定代码行合并?

来自分类Dev

有没有一种方法可以防止意外发送消息?

来自分类Dev

有没有一种方法可以防止每个函数使用dlsym(模块,“ functionName”)?

来自分类Dev

有没有一种方法可以防止用户使用input()输入数字

来自分类Dev

有没有一种方法可以防止DataFrame推论架构并强制其使用给定的架构?

来自分类Dev

有没有一种方法可以使用光标进行编辑以写入文件?

来自分类Dev

有没有一种方法可以防止TeamCity检查所有VCSRoot?

来自分类Dev

Dialogflow:有没有一种方法可以防止一级意图被触发?

来自分类Dev

有没有一种方法可以防止CL_SALV_TABLE删除前导空格?

来自分类Dev

有没有一种方法可以防止execCommand(“ insertHTML”)删除chrome中的属性?

来自分类Dev

有没有一种方法可以防止类变量在函数外部被修改

来自分类Dev

有没有一种方法可以防止仅特定的孩子触发SIGCHLD?

来自分类Dev

有没有一种方法可以防止Iron-Router尝试路由链接?

来自分类Dev

有没有一种方法可以防止整齐地包裹在标签中?

来自分类Dev

有没有一种方法可以防止自身阴影中的人脸接收光线?

来自分类Dev

有没有一种方法可以防止cURL命令解释macOS Catalina中的分号?

来自分类Dev

有没有一种方法可以防止EF插入SQL Server计算列中?

来自分类Dev

有没有一种方法可以防止在破折号中触发回调?

来自分类Dev

有没有一种方法可以防止MapStruct在记录更新期间覆盖值?

Related 相关文章

  1. 1

    有没有一种方法可以防止光标到达终端的底部?

  2. 2

    有没有一种方法可以防止光标到达终端的底部?

  3. 3

    有没有一种方法可以防止指针/光标与使用CSS的select元素后面的元素进行交互?

  4. 4

    有没有一种方法可以防止SwiftUI文本标签在显示计时器时稍微移动?

  5. 5

    有没有一种方法可以防止MongoDB向集合名称添加复数形式?

  6. 6

    有没有一种方法可以防止jQuery事件冒泡到特定的div?

  7. 7

    有没有一种方法可以防止填充类的填充

  8. 8

    有没有一种方法可以防止Spring Boot覆盖bean?

  9. 9

    有没有一种方法可以防止Spring Boot覆盖bean?

  10. 10

    有没有一种安全的方法可以防止exec删除引号?

  11. 11

    有没有一种方法可以防止特定代码行合并?

  12. 12

    有没有一种方法可以防止意外发送消息?

  13. 13

    有没有一种方法可以防止每个函数使用dlsym(模块,“ functionName”)?

  14. 14

    有没有一种方法可以防止用户使用input()输入数字

  15. 15

    有没有一种方法可以防止DataFrame推论架构并强制其使用给定的架构?

  16. 16

    有没有一种方法可以使用光标进行编辑以写入文件?

  17. 17

    有没有一种方法可以防止TeamCity检查所有VCSRoot?

  18. 18

    Dialogflow:有没有一种方法可以防止一级意图被触发?

  19. 19

    有没有一种方法可以防止CL_SALV_TABLE删除前导空格?

  20. 20

    有没有一种方法可以防止execCommand(“ insertHTML”)删除chrome中的属性?

  21. 21

    有没有一种方法可以防止类变量在函数外部被修改

  22. 22

    有没有一种方法可以防止仅特定的孩子触发SIGCHLD?

  23. 23

    有没有一种方法可以防止Iron-Router尝试路由链接?

  24. 24

    有没有一种方法可以防止整齐地包裹在标签中?

  25. 25

    有没有一种方法可以防止自身阴影中的人脸接收光线?

  26. 26

    有没有一种方法可以防止cURL命令解释macOS Catalina中的分号?

  27. 27

    有没有一种方法可以防止EF插入SQL Server计算列中?

  28. 28

    有没有一种方法可以防止在破折号中触发回调?

  29. 29

    有没有一种方法可以防止MapStruct在记录更新期间覆盖值?

热门标签

归档