事件处理程序优化

Question

我只是想知道是否有一种方法可以重构这段代码：

Template.bookmarks.events({
    // save changes
    'keyup .set_tag' : function(e,t) {
      if(e.which === 13) {
        save_changes(e.target.id.substring(3));
      }
    },

    'keyup .set_name' : function(e,t) {
      if(e.which === 13) {
        save_changes(e.target.id.substring(4));
      }
    },
    'click .save_changes' : function(e,t) {
      save_changes(e.target.id);
    }
});

Answer 1

尝试在表单标签中包装，并侦听该表单的提交事件。确保event.preventDefault()

然后，您可以避免所有的密钥代码13的东西。

Answer 2

function action(key, offset) {
  return function(e, t) {
    if (e.which === key) {
      save_changes(e.target.id.substring(offset))
    }
  }
}

Template.bookmarks.events({
  // save changes
  'keyup .set_tag': action(13, 3),
  'keyup .set_name': action(13, 4),
  'click .save_changes': function(e, t) {
    save_changes(e.target.id);
  }
});

一个解决问题的方法。我不会试图将第三个事件处理程序强制到action函数中，因为它会使action函数变得更加复杂。