javascript - 退格键无法正常工作

Question

我构建了一个计算器，用户可以点击按钮或者他/她可以从下拉列表中选择变量。使用键盘插入被拒绝。现在，当我单击已为退格功能设置的突出显示的后退箭头按钮时，即使我的光标位于使用鼠标的表达式之间，也只会删除最右侧的字符。有没有解决方法可以删除我放置光标的位置之前的字符？我在单击左箭头时使用以下条件:

formulaText.value = formulaText.value.slice(0, formulaText.value.lastIndexOf("("));

Answer 1

您可以在 input 元素上使用 selectionStart 属性。更多信息请参见 this MDN page .下面是一个工作示例。

function getCursorPosition(id) {
  return document.getElementById(id).selectionStart;
}

function checkCursorPosition() {
  alert(getCursorPosition('testInput'));
}

function backspace() {
  var element = document.getElementById('testInput');
  var cursorPosition = getCursorPosition('testInput');
  
  element.value = element.value.substring(0, cursorPosition - 1) + element.value.substring(cursorPosition);
  element.selectionStart = element.selectionEnd = cursorPosition - 1;
}

<input type="text" id="testInput" value="Example text" />
<button onclick="checkCursorPosition()">Check Cursor Position</button>
<button onclick="backspace()">Backspace</button>