使用 jQuery 标准化 CodeMirror OnKeyEvent

Question

我使用 CodeMirror 以及 jQuery 在宠物 PoC 项目上提供语法突出显示。它一直表现出色，直到我意识到 CodeMirror 似乎正在捕获 DOM 上的按键事件，其方式是当我当前在启用 CM 的计算机中输入内容时，它会阻止全局应用程序热键工作文本区域。

为了简单起见，我们假设我的页面上有以下监听器：

var hotkey = function (e) {
    if (e.shiftKey) { alert('foo'); }
};
$(document).keypress(hotkey);

这将在页面中的任何地方工作，除非我有一个焦点集中的 CM 文本区域。

为了解决这个问题，我尝试利用 CM 的 onKeyEvent 选项，并尝试使用 jQuery.Event 规范化 CM 处理程序传递的 event 对象，如下所示

var cm = CodeMirror.fromTextArea(someTextArea, {
    onKeyEvent : function (editor, event) {
        hotkey($.Event(event));
    }
});

：将 keydown 和 keypress 事件传递到我的 hotkey 处理程序。

问题是，“标准化”event 对象似乎没有足够标准化，因为在 hotkey 中引用了诸如 e.shiftKey 之类的微不足道的东西> 范围返回未定义。 （不过，我确实正确地将 e.type 作为 keydown 或 keypress ，所以我知道我正在传递一个 event< /code> 对象。）

这里是否缺少任何东西导致我的事件缺少属性，或者我只是搞砸了？

我绝对可以返回并访问原始事件属性，但是，嘿，我真的很希望能够像下一个人一样在我需要的任何地方使用 jQuery 规范化对象（浏览器不可知论只是它的开始）。

Answer 1

$.Event 用于创建自定义事件，即稍后自行触发它们。您需要$.event.fix。

var cm = CodeMirror.fromTextArea(someTextArea, {
    onKeyEvent : function (editor, e) {
        hotkey($.event.fix(e));
    }
});