javascript - Selectize.js:专注于鼠标单击

无法将注意力集中在使用selectize插件输入动态添加的项目上。这是代码
jsfiddle

selectize.js plugin

jQuery(document).ready(function(){
  jQuery('.selectize').selectize({
    render: {
        option: function(item){
            if (item.text === 'add-new-sidebar'){
                return '<div class="fw-backend-add-new-sidebar">' +
                    '<span class="input_legend">New Sidebar</span>' +
                    '<input type="text" id="add_new_sidebar_name">'+
                    '<input type="button" class="button" value="Add" id="add_new_sidebar_submit">'+
                    '</div>'
            }
            return '<div class="selectize-item">' + item.text + '</div>';

        }
    },
    onChange: function(item){

    }
  });
});

最佳答案

不确定无法专注于输入是什么意思。有callbacks可以解决这个问题。

要在输入获得焦点或失去焦点时采取任何措施，您需要在选项中传递onFocus和onBlur回调。 Fiddle根据您提供的内容进行操作。

jQuery(document).ready(function(){
  jQuery('.selectize').selectize({
    // ... taking out original code for brevity
    onFocus: function () {
        // control has gained focus
    },
    onBlur: function () {
        // control has lost focus
    }
  });
});

值得一提的是，以上界面仅在Selectize 0.12.0之后才有效