在主干中绑定模型时未触发 keyup 事件

Posted

技术标签:

【中文标题】在主干中绑定模型时未触发 keyup 事件【英文标题】:On keyup event not firing when binding a model in backbone 【发布时间】:2014-06-17 06:41:52 【问题描述】:

我正在使用 require.js 和stickit 进行模型绑定。 'change' 事件工作正常,但如果我使用 keyup 进行焦点输出,则 checkBindings() 函数不会触发。为什么会这样?

        Stickit = require('stickit'),
        ApplicantModel = require('application/models/applicantModel'),
        template = _.template(tpl),
        applicantView = Backbone.View.extend(
    initialize: function() 

        this.listenTo(this.model, 'change', this.checkBinding); //Change works fine, but keyup, focusout and other events do not fire
        this.render();
    ,
    checkBinding: function() 
                console.log('Inside check binding functions');
                var data = this.model.toJSON();
                console.log($('#applicantInfoFirstName').val());
                console.log($('#applicantInfoMiddleName').html(JSON.stringify(data.middleName)));
    ,    
    bindings: 
        '#applicantInfoFirstName': 'firstName',
        '#applicantInfoMiddleName': 'middleName',
        '#applicantInfoLastName':'lastName'
    ,
    render: function() 
        console.log("Inside applicant view");
        //Render application header
        this.$el.html(template);
        this.stickit();

【问题讨论】:

【参考方案1】:

事件特定于模型中的更改。事件列表为here

【讨论】:

以上是关于在主干中绑定模型时未触发 keyup 事件的主要内容,如果未能解决你的问题,请参考以下文章

IOS自带输入法中文不触发KEYUP事件导致vue双向绑定错误问题

重新初始化主干视图后未触发事件

最初不存在元素时未触发事件[重复]

在 Angular 5 TypeScript 中触发 keyup 事件

在页面加载时触发/绑定文本框的 jquery 事件

winform加个webBrowser以后为啥不能触发keyup事件