Backbone学习记录(7)
2014-09-02 00:06
232 查看
事件委托
这是一个很简单的事件委托的例子,新建了一个form的视图,把文本框的blur事件和按钮的单击事件都委托在form上。
测试结果,当输入字符串后鼠标离开焦点,控制台输出的是form这个jQ对象(如果是console.log(this.el),输出的自然是DOM原生的对象),但是怎么才能让this指向
对应的目标元素呢?
=======================================
今天想到可以
showdata:function(){
console.log(event.target.value);
}
来获取目标对象上的属性,但是我每次获取属性或者设置属性都要这么麻烦么??
<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指向
对应的目标元素呢?
=======================================
今天想到可以
showdata:function(){
console.log(event.target.value);
}
来获取目标对象上的属性,但是我每次获取属性或者设置属性都要这么麻烦么??
相关文章推荐
- Backbone学习记录(1)
- Backbone学习记录(3)
- Backbone.js 学习过程记录
- Backbone学习记录(4)
- Backbone.js学习记录 Hello World!
- Backbone.js学习记录 使用集合
- Backbone学习记录(2)
- Backbone.js学习记录 Hello World!
- Backbone学习记录(6)
- Backbone.js 学习过程记录
- Backbone学习记录(5)
- 开始学习使用写日志的方式来记录写程序做过的修改
- 我想博客园同我一起成长,在这里记录着我的工作、学习、生活!
- .NET WEB SERVICES 学习记录(三)
- 记录今天学习SQL遇到的一个小问题
- 动态网页学习:JSP学习笔记全记录
- 学习Spring Framework的记录(1)
- .net学习点滴记录
- sql 学习记录
- ADO.net学习记录 (一)