How to get all of the pasted string, in input which has a maxLength attribute?

Question

I need to get all of the pasted string in input which has a maxLength attribute.

But in 'onpaste' event there is no property to get all of the pasted string.

For example, check below snippet with this string:

"AAAAA-BBBBB-BBBBB-BBBBB-BBBBB"

The output is : "AAAAA"

But I need all of the string.

const onPasteFn = (e) => {
  setTimeout(() => document.getElementById("demo").innerHTML = e.target.value, 0)
}

<input type="text" maxLength="5" onpaste="onPasteFn(event)" />

<p id="demo"></p>

Answer 1

考虑使用clipboardDatafrom 事件，您可以使用它getData()来抓取从剪贴板粘贴的文本，如下所示：

const onPasteFn = (e) => {
  document.getElementById("demo").innerHTML = (e.clipboardData || window.clipboardData).getData('text');
}

<input type="text" maxLength="5" onpaste="onPasteFn(event)" />

<p id="demo"></p>

见例如这里从文档。请注意，后备|| window.clipboardData用于 IE 支持。