情况有一个设为contenteditable="true"的div 目标对div的输入中按Tab键的跳焦进行取消「绑定keydown事件用e.preventDefault()来取消默认事件」（已实现）按下Tab后设为添加两个空格（有问题）使用getSelection().getRangeAt(0).startContainer.firstChild来获取文本对象用文本对象的insertData()方法来添加空格但是在它总是把 -还是渲染的是字符串的" " if(keyCode==9) const textNode = getSelection().getRangeAt(0).startContainer.firstChild; textNode.insertData(getSelection().getRangeAt(0).startOffset, " ");

取消contenteditable的Tab跳焦，并改为空格

发布于
2019-12-12

情况
- 有一个设为contenteditable="true"的div
目标
- 对div的输入中按Tab键的跳焦进行取消「绑定keydown事件用e.preventDefault()来取消默认事件」（已实现）
- 按下Tab后设为添加两个空格（有问题）
  - 使用getSelection().getRangeAt(0).startContainer.firstChild来获取文本对象
  - 用文本对象的insertData()方法来添加空格
  - 但是在它总是把   -还是渲染的是字符串的" "

        if(keyCode==9)
        const textNode = getSelection().getRangeAt(0).startContainer.firstChild;
        textNode.insertData(getSelection().getRangeAt(0).startOffset, "&nbsp;&nbsp;");

javascript html

chrome