原型：在文档上按下键，在表单中停止观察

Question

我正在尝试使用ajax左/右箭头键来制作下一个/上一个页面（就像在facebook上一样）。一切都很好并且有效，但我的页面上也有表单，如果用户专注于该表单，我想停止观察左/右键，因为没有它，您将无法使用表单中的箭头移动，您将得到下一个/先前的图像而不是形式中的运动。

我的实际代码在这里，comment_name是字段的id，如果我第一次点击该字段，那么对keydown的观察就会停止。但是，如果我先按左/右键，然后单击表单并不会停止观察。

在我看来，它不能与 ajax 返回的 html 一起使用...？

document.observe("dom:loaded", function() {

  document.observe('keydown', function(event){
    if(event.keyCode == Event.KEY_RIGHT) {
      if (Prototype.Browser.IE) {
        $('next').click();;
      }
      else {
        $('next').simulate('click');
      }
    }
  });

  $('comment_name').observe('focus', function(event){
   document.stopObserving('keydown');
  });

页面在这里 http://beta.sigut.net/photos/2027，当前代码在 javascripts/application.js 中

非常感谢！也许我的方法是错误的......

Answer 1

每次加载新的 AJAX 内容时，您都必须绑定观察。
这意味着

  $('comment_name').observe('focus', function(event){
   document.stopObserving('keydown');
  });

在将 AJAX 加载的 html 添加到 DOM 中之后调用。