javascript - 处理 div 的粘贴事件

Question

This is an example DIV where when selected and paste ( CTRL+ V) it will paste a text or image on the div:

<div contenteditable="true" id="capture" style="height: 100px; width: 100px; " 
onpaste='handlepaste(this, event)'></div

这里的问题是我的应用程序将隐藏它div，基本上用户无法找到它的位置。那么有没有一种方法可以触发粘贴事件并且文本或图像被粘贴到这个 div 上，甚至没有在页面中选择？

更新：

我的意思是，我将隐藏 div 的原因是我不需要我的应用程序来显示正在捕获的图像或文本。它只需要它稍后获取捕获的图像或文本。

Answer 1

如果您的 div 最初不包含任何内容，则它不会出现。因此您可以执行以下任一操作：

1. 设置要显示在屏幕上的 div 的宽度和高度，并提供一些不同的背景并将文本添加 为​​默认文本
2. 您可以设置onpaste='handlepaste(this, event)'on external div 和 insted ，您可以传递目标 div id 或者您可以在 handlepaste 方法中处理目标。

像 function handlepaste(event){ var target = $('#capture'); ...... }