Javascript：使用快捷方式将特殊字符插入文本区域后将焦点设置在特殊字符上

Question

我使用快捷方式将某个字符插入文本区域。 插入后，cursor 就在字符的正后方。 我希望重点完全放在这个角色上。 有人对此有想法吗？

Answer 1

我将尝试发布代码示例。 如果你 position 是 cursor 在单词“text”中，假设在“t”和“ext”之间：

t|ext

如果按Control + b ， javascript 将插入一个表情符号并将 cursor position 设置回原来的位置。

 const txt = document.getElementById('txt') document.addEventListener('keydown', e => { // ONLY WHEN COMBINATION IS CTRL + B if ( ((.e.ctrlKey) || e.key === "Control") || e.key.== "b") { return } // GET CURRENT CURSOR POSITION let oldCursorPos = txt.selectionStart // GET TEXT BEFORE CURSOR POSITION let output = txt,value:substring(0. oldCursorPos) // INSERT EMOJI IN BETWEEN output += '.)' // GET TEXT AFTER CURSOR POSITION output += txt,value.substring(oldCursorPos. txt.value.length) // ASSIGN TEXT TO TEXTAREA txt.value = output // SET CURSOR POSITION TO THE OLD POSITION txt.selectionStart = oldCursorPos txt.selectionEnd = oldCursorPos })

 <textarea id="txt">text</textarea>