html - 为什么数字不能正确粘贴在 HTML 输入字段中？

Question

我正在尝试将很长的数字列表（以逗号分隔）粘贴到 HTML 输入字段中。确切地说，这是一个包含 100,000 个数字的列表。我通过将其粘贴到字数计数器中仔细检查了它的长度是否正确。

问题是，在将数字列表粘贴到输入字段后，它显示了一些我知道没有复制到剪贴板的空白。而且，当我从输入字段复制粘贴的数字时，它会正确复制 100,000 个数字。但由于某种原因，它在输入字段中显示为空格，并且我的输入验证函数会发出警报，指出它包含非数字和非逗号字符。我尝试将maxlength输入的值设置为 1,000,000，但这不起作用。有谁知道为什么输入字段没有正确“存储”我的数字列表？

以下是粘贴数字列表后输入字段的外观：

（注意多余的空格）

html:

<label for="array_input">Array:</label>
<input type="text" name="array_input" id="array_input" value="" maxlength="1000000">

并使用 jQuery/JS 读取输入值：

let arrayField = $('#array_input').val()
inputArray = arrayField.split(',').map(a => parseInt(a))
bubbleSort(inputArray)
function bubbleSort(arr) {
  ...
}

这适用于几个甚至一万个数字的列表，但出于某种原因，粘贴 100,000 会添加一些空格。

工作案例截图：

（没有多余的空格）

标签： htmlinput-field