如何在主干
的子视图中阻止默认事件父视图实际上是一个向服务器提交数据的表单。
子视图它是一个组件,它是父视图的扩展,它有几个交互:能够在提交之前添加删除项
子视图的重要标记
<input class="tags search-input" type="text" name="search" evt="keyup=search"
id="search-tags" autocomplete="off" placeholder="Search for tag"/>
这将填充为ul
,用户可以选择多个选项
在我的子视图中,我有以下方法在键输入时向表单添加项目,但是应该阻止触发父项视图提交操作
var ChildView = Parent.View.extend({
render: function() {
/* the view is rendered twice because of parent view so I use this*/
Parent.View.prototype.render.apply(this);
// selector inits as var and other event bindings related to this view
},
search: function(e) {
switch(e.keyCode) {
case 13:
e.preventDefault();
e.stopPropagation();
console.log(e)
//execute model task
break;
default:
//default model task
break;
}
}
})
但是此代码实际上尝试执行父视图提交操作。我想阻止