【问题标题】:Detect Paste event in browser for images (jquery/javascript)在浏览器中检测图像的粘贴事件(jquery/javascript)
【发布时间】:2014-08-04 14:00:29
【问题描述】:

我需要能够检测粘贴事件。它大部分以图像为中心,但到目前为止,我会接受任何能检测到该事件的东西。

我已成功让 99% 的已发布解决方案适用于 Chrome,但仅此而已。即使是那些声称它们适用于 IE、Firefox 等的软件也没有。

如果有人可以向我指出他们已成功用于检测粘贴事件并产生控制台日志或警报的方向,那就太好了。

我不确定这是否有意义,但在 DOCUMENT 上粘贴将是理想的,因为我不想指定粘贴区域。

编辑: 我为此所做的研究发现了许多将 .bind() 和 .on() 与“粘贴”结合使用的选项。但是,粘贴事件似乎不会在 IE 或 Firefox 中触发。它们在 Chrome 中工作,但我不清楚为什么会这样。

【问题讨论】:

  • 我无法理解图像与此有何关系。你能详细说明一下吗?
  • 所以这个想法是使用 DROPZONE 或类似的东西来存储文件。我有那个工作。但是,如果他们需要粘贴屏幕截图,例如使用 PRTSCN,那么他们只需点击 PRTSCN,然后使用图像编辑器粘贴到不带的区域。
  • 一旦我可以在所有浏览器中检测到实际的粘贴事件,我就可以结合其余的功能来实际捕获图像等等。现在我只想能够在 Firefox、Chrome 和 IE11 中检测粘贴事件。
  • 唉,DOM 的标准事件(paste 事件)仅支持 Firefox 和 Chrome(到目前为止)。我不知道任何不意味着运行附加组件或插件的解决方法。
  • 您能否提供自己的示例……甚至是来自来源的有关如何使用的示例。我已经将它用于其他情况,但遗憾的是它在 Firefox 中不起作用。只是 Chrome。

标签: javascript jquery paste


【解决方案1】:

您可以使用剪贴板 API。

http://caniuse.com/clipboard

然后使用.getAsFile(),如下所述:https://stackoverflow.com/a/6338207/1052033

【讨论】:

  • 我没有偶然发现或找到这种类型的答案。我现在将尝试它。一旦我看到如果我能得到回复,我会将您的答案设置为正确。有没有机会你亲自使用过这个?
  • 我接受你的回答,因为它也允许我接受图片,但它仍然只适用于 Chrome...谢谢你的提交,但杰森通过标记这个帖子毁了这篇文章...如果另一个用户出现并提供了更好的答案,我可能会在那时对其进行审查并决定什么对社区最有利。
猜你喜欢
  • 1970-01-01
  • 2011-01-11
  • 1970-01-01
  • 1970-01-01
  • 2013-07-29
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多