javascript – 捕获表单使用进入骨干网提交事件

前端之家收集整理的这篇文章主要介绍了javascript – 捕获表单使用进入骨干网提交事件前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我的backbone.js表单有一个textfield(没有提交按钮).我需要在视图中捕获提交事件(使用enter键).以下是示例代码.不知何故按enter键不调用submit方法.相反,该表单用于重新加载.

脚本:

  1. var FormView = Backbone.View.extend({
  2. el: '#form',events: {
  3. "submit": "submit",},initialize: function () {
  4. console.log("initialize");
  5. },submit: function (e) {
  6. e.preventDefault();
  7. console.log("submit");
  8. }
  9. });
  10.  
  11. new FormView();

HTML:

  1. <form id="form">
  2. <input type="text"/>
  3. </form>

解决方法

将其添加到您的Backbone视图中:
  1. events: {
  2. 'submit form': 'submit'
  3. }

另外请注意,在HTML中,必须定义表单操作.

如果您没有定义操作,那么请执行以下操作:

  1. events: {
  2. 'keyup': 'processKey'
  3. }
  4.  
  5. processKey: function(e) {
  6. if(e.which === 13) // enter key
  7. this.submit();
  8. }

猜你在找的JavaScript相关文章