如何使用backbone.js跨多个视图实现通用功能

Question

您好，我正在尝试使用backbone.js 跨多个视图实现自定义功能。例如，我需要应用程序中的所有输入文本框在接收焦点时更改其视觉外观。 我正在考虑从 Backbone.View.extend 继承 window.BaseView ，然后让我的所有视图扩展 BaseView 。 你能告诉我我的方向是否正确吗？您还有其他建议吗？你实施过类似的事情吗？

Answer 1

我会将通用功能放在基本原型中，并让所有视图扩展它，或者我会创建一个具有该功能的 mixin 对象并使用 mixin 扩展视图。

Answer 2

我没有使用主干来完成类似的任务，因为不同的视图有不同的元素，并且多次绑定相同的焦点功能也是浪费的。我会做的是：

//If document is the container for your application, else could be #myapplication and so on.
jQuery( document ).delegate( 'input[type="text"]', "focusin focusout",
    function(e){

        if( e.type == "focusin" ) {
        jQuery( this ).addClass("textbox-focused");
        }
        else {
        jQuery( this ).removeClass( "textbox-focused" );
        }

    }
);

或CSS（不确定浏览器支持）：

input[type="text"]:focus {
background-color: blue;
}