首页 > 代码库 > Backbone学习记录(7)
Backbone学习记录(7)
事件委托
<form> <input type="text" class="txt"> <input type="button" class="btn" value="确认"> </form> <span class="input-data"></span>
var FormView=Backbone.View.extend({ el:‘form‘, events:{ "blur .txt":"showdata", "click .btn":"click" }, showdata:function(){ console.log(this.$el); }, click:function(){ console.log("confirm"); } }); var form=new FormView();
这是一个很简单的事件委托的例子,新建了一个form的视图,把文本框的blur事件和按钮的单击事件都委托在form上。
测试结果,当输入字符串后鼠标离开焦点,控制台输出的是form这个jQ对象(如果是console.log(this.el),输出的自然是DOM原生的对象),但是怎么才能让this指向
对应的目标元素呢?
to be continue。。。
Backbone学习记录(7)
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。