捕获 SproutCore 中的删除/退格键

Question

我有一个 SproutCore 窗格（具体来说是一个 PalettePane），其中包含一个与屏幕上其他位置的对象绑定的表单。窗格导致对象删除交互出现问题。我希望它的工作方式是：

• 如果文本输入字段处于焦点，则退格/删除键应应用于这些字段（即编辑文本）
• 如果没有文本输入字段具有焦点，则退格/删除键应删除与表单相关的所选对象。 （当用户选择一个对象时，该窗格就会出现，因此，如果该窗格存在，则存在一个选定的对象。）

到目前为止，我得到了这些行为之一或另一个，而不是两者兼有。如果我在窗格中设置 acceptsKeyPane: YES，我会得到应用于文本字段的退格/删除键，但当文本字段没有焦点时不会删除所选对象。如果我使用 acceptsKeyPane: NO，当我编辑文本字段并按退格键时，它会删除我尝试编辑的对象。

雪上加霜的是，在带有 acceptsKeyPane: YES 的 Firefox 中，退格键会被浏览器捕获并解释为后退按钮单击，这会让用户感到沮丧。

我查看了 root_responder.js 代码，看起来 SproutCore 对 Firefox 的退格处理方式有所不同，但如果我可以按照上面的描述处理它们，那么 FF 和其他浏览器之间的区别就没有什么意义了。

预计 2011 年 5 月：阅读此处的答案时请记住，1.5、1.6 及更高版本的 SproutCore API 可能与此不同。

Answer 1

我们最终是这样完成的：

• 创建窗格后，我们对其调用 becomeFirstResponder() 。
• 我们将 acceptsFirstResponder: YES 添加到其视图定义中。
• 然后我们添加到视图定义中：

    keyDown: function(evt) {
      return this.interpretKeyEvents(evt) ? YES : NO;
    },

    deleteBackward: function() {
      this.get('objectToEdit').destroy();
      return YES;
    },

    deleteForward: function() {
      this.get('objectToEdit').destroy();
      return YES;
    }

...这就成功了。