js:将焦点放在鼠标向下点击上

Selectize.js: get focus on mousedown click

本文关键字:鼠标 焦点 js      更新时间:2023-09-26

使用selectize插件无法将焦点放在输入的动态添加项上。下面是代码jsfiddle

selectize.js插件

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){
    }
  });
});

不确定您所说的不能集中于输入是什么意思。有一些回调可以处理这个

要在输入获得或失去焦点时采取任何行动,您需要在选项中传递onFocusonBlur回调。

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
时起作用。