愿所有的美好和期待都能如约而至

如何获得所有粘贴的字符串,在输入中有一个最大长度属性?

发布时间:  来源:互联网  作者:匿名  标签:clipboard error How to get all of the pasted string exception html in input whic  热度:37.5℃

本文介绍了如何获得所有粘贴的字符串,在输入中有一个最大长度属性?的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

我需要在输入中获取所有粘贴的字符串,该输入具有MaxLength属性。

但在”onPaste”事件中,没有获取所有粘贴的字符串的属性。

例如,使用以下字符串检查下面的代码片段:

"AAAAA-BBBBB-BBBBB-BBBBB-BBBBB"

输出为:"AAAAA"

但我需要所有字符串。

数据-lang=”js”数据-隐藏=”假”数据-控制台=”真”数据-巴贝尔=”假”>

const onPasteFn = (e) => {
  setTimeout(() => document.getElementById("demo").innerHTML = e.target.value, 0)
}
<input type="text" maxLength="5" onpaste="onPasteFn(event)" />

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

推荐答案

考虑使用事件中的clipboardData,您可以使用getData()从剪贴板中抓取粘贴的文本,如下所示:

数据-lang=”js”数据-隐藏=”假”数据-控制台=”真”数据-巴贝尔=”假”>

const onPasteFn = (e) => {
  document.getElementById("demo").textContent = (e.clipboardData || window.clipboardData).getData('text');
}
<input type="text" maxLength="5" onpaste="onPasteFn(event)" />

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

请参阅文档中的示例here。请注意,|| window.clipboardData的回退用于IE支持。

这篇关于如何获得所有粘贴的字符串,在输入中有一个最大长度属性?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,

勇敢去编程!

勇敢的热爱编程,未来的你一定会大放异彩,未来的生活一定会因编程更好!

TOP