我有以下代码:
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>
尝试这个。
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);
我尚未在所有浏览器中签入。您必须执行一些其他步骤才能具有浏览器兼容性,但这是要点。
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句