【问题标题】:Drag'n'Drop and Paste detection with contentEditable or designMode enabled启用 contentEditable 或 designMode 的拖放和粘贴检测
【发布时间】:2010-02-14 01:31:10
【问题描述】:

你们有谁知道跨浏览器检测粘贴拖放插入可编辑html文档的工作方式(启用 designMode 或 contentEditable)。

只要用户使用 Ctrl-V 快捷键生成关键事件,检测粘贴就可以工作,但如果您使用浏览器 Edit->Paste 似乎不会生成任何事件。

【问题讨论】:

  • 我建议你看看 CodeMirror (marijn.haverbeke.nl/codemirror) 看看作者做了什么。
  • 它似乎可以很好地检测粘贴,但是通过拖放您可以将代码偷偷摸摸。

标签: javascript events cross-browser


【解决方案1】:

有一个paste 事件适用于可编辑文档中的所有粘贴(包括通过上下文或编辑菜单),在 Firefox 3.0 开始版本、WebKit 几年(不确定版本号)和 IE 从 5.5 开始。将 paste 事件处理程序添加到 body 元素在所有这些浏览器中都有效。

恐怕我对拖放事件没有任何见解:在我工作过的编辑器中,我有充分的理由明确禁用拖放。

【讨论】:

    【解决方案2】:

    要处理拖放,您可以订阅 mouseUp 事件。但在这种情况下,您必须解析已经粘贴的 html。

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 2021-01-19
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2017-07-09
      • 1970-01-01
      相关资源
      最近更新 更多