如何在單擊按鈕時刪除 cursor 放置在輸入框中的字符

Question

 function remove() { }

 <input id="input-box"></input> <button onclick="remove()" id="remove-btn">remove</button>

我想刪除 cursor 在按鈕單擊時放置在輸入框中的特定字母。

Answer 1

使用selectionStart屬性

 function remove() { const input = document.querySelector('#input-box'); if (input.value.length > 0) { const pos = input.selectionStart; if (pos > 0) { input.value = input.value.substr(0, pos - 1) + input.value.substr(pos); input.focus(); input.selectionStart = pos - 1; input.selectionEnd = pos - 1; } } }

 <input id="input-box"></input> <button onclick="remove()" id="remove-btn">remove</button>