javascript - 如何获取要粘贴到我的 html 文本编辑器中的文本？

Question

我的主页上有一个小型文本编辑器(文本区域)，我可以在其中粘贴文本。如何在粘贴之前将此文本放入变量中？我知道有这个功能:

clipboardData.getData()

但它在 Firefox 中不起作用，我想要适用于所有浏览器的东西。我正在使用 HTML 和 Javascript。

谢谢

Answer 1

简短的回答是，通常在粘贴之前您无法获取文本。你能做的是大型基于网络的所见即所得编辑器(如 CKEditor 和 TinyMCE)所做的，即:

1. 使用 keypress 检测 Ctrl-v/shift-ins 事件事件处理程序
2. 在该处理程序中，保存当前用户选择，添加 <div>将屏幕外的元素(例如左侧 -1000px)移动到文档中，将插入符号移动到该 div 内，从而有效地重定向粘贴
3. 在事件处理程序中设置一个非常短的计时器(例如 1 毫秒)以调用另一个函数，该函数从 div 中检索 HTML 内容并执行所需的任何处理，从文档中删除 div，恢复用户选择并插入处理过的 HTML。

请注意，这仅适用于键盘粘贴事件，不适用于上下文或编辑菜单中的粘贴。当粘贴事件触发时，将插入符号重定向到 div 已经太晚了(至少在某些浏览器中是这样)。