更改输入字段值后，将光标保留在相同的字符之后-解网

问：

我有一个输入字段，用户可以在其中键入数字。我有 javascript 代码，可以将数字重新格式化为货币格式。我想将光标位置保留在相同的字符之后。

用户在光标位置键入 9 的示例：

输入值：12.3[游标]45.678,50

新输入值：123.9[游标]45.678,50

或

输入值：123[cursor].456,50

新输入值：1.239。[光标]456,50

我该怎么做？目前，光标将捕捉到输入字段的末尾。

输入字段：

<input type="text" class="invoiceFields invoiceDescriptionFields form-control InputStyleForms {% if description_error in form_errors %} is-invalid {% endif %}"
       id="inputDescription-{{id}}" placeholder="Beskrivelse." name="invoiceline-{{id}}-description"
       style="margin-bottom: 8px;" value="{{line.description.value|default_if_none:''}}"
       maxlength="50">

Jquuery 货币格式化程序：

$(document).on('keyup', '.invoiceFields', function () {
    $(this).val(displayInCurrencyFormat($(this).val()));
});

const displayInCurrencyFormat = (value) => {
            value = convertToDanishFloat(value);
            value = value.toString().replace(/(?!\,)\D/g, "").replace(/(?<=\,,*)\,/g, "").replace(/(?<=\,\d\d).*/g, "").replace(/\B(?=(\d{3})+(?!\d))/g, ".");
            if(value.indexOf(",") >= 0){
                // do nothing
            } else {
                value += ",00";
            }
            return value += " kr."
        }

JavaScript jQuery 输入游标重新格式化

function isdigit(c) {
  return c.match(/[0-9]/);
}

function parse(s) {
  return Number(s.replaceAll(".", "")
    .replaceAll(",", "."));
}

function format(input) {
  if (isdigit(event.key) || event.key === "Backspace" || event.key === "Delete") {
    var cursor = input.selectionStart;
    var str = input.value.substring(0, cursor);
    var num = String(parse(str));
    cursor += num.length - str.length;
    input.value = Intl.NumberFormat("da").format(parse(input.value));
    for (var i = 0; i < input.value.length; i++) {
      if (cursor === 0) {
        input.selectionStart = input.selectionEnd = i;
        break;
      }
      if (isdigit(input.value[i])) cursor--;
    }
  }
}

<input onkeyup="format(this)" value="10.002" />

上一个：在页面加载时填充没有元素 ID 的输入

下一个：使用 jquery 验证电话号码长度不起作用

更改输入字段值后，将光标保留在相同的字符之后

Keep cursor after same char after changing input field value

评论