如何在jquery中单击输入字段中粘贴剪贴板文本

Question

当用户使用 jquery 单击文本时，您是否知道将剪贴板(如果有(中的文本粘贴到输入字段中的方法？

Answer 1

您可以尝试以下方法，但并非所有 Web 浏览器都支持它。

请参阅下面的代码和代码片段：

注意：您还必须允许Web浏览器访问剪贴板。这是出于安全原因。

$('body').on('click', '#test', function (e) {
e.preventDefault();
navigator.clipboard.readText()
.then(text => {
document.getElementById("test").value = text;
})
.catch(err => {
console.error('Failed to read clipboard contents: ', err);
});
})

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<form>
<input type="text" id="test">
</form>