zoukankan      html  css  js  c++  java
  • 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指向
    对应的目标元素呢?

    =======================================

    今天想到可以

    showdata:function(){
    console.log(event.target.value);
    }
    来获取目标对象上的属性,但是我每次获取属性或者设置属性都要这么麻烦么??

  • 相关阅读:
    3.3 React Hooks
    ES6高阶函数
    ES6扩展运算符
    4.0不用npm,cnpm。使用yarn包启动react项目
    4.3 webpack打包学习
    4.2 Node.js模块化教程
    4.1React模块化
    vue组件化开发
    js箭头函数
    weblogic_exploit
  • 原文地址:https://www.cnblogs.com/qianlegeqian/p/3950584.html
Copyright © 2011-2022 走看看