码迷,mamicode.com
首页 > 其他好文 > 详细

Backbone学习记录(7)

时间:2014-09-02 01:32:03      阅读:189      评论:0      收藏:0      [点我收藏+]

标签:style   blog   color   io   ar   for   div   cti   log   

事件委托

    <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)

标签:style   blog   color   io   ar   for   div   cti   log   

原文地址:http://www.cnblogs.com/qianlegeqian/p/3950584.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!