jquery – 选择2打开下拉列表焦点

$("#myid").SELEct2().on('SELEct2-focus',function(){
     $(this).SELEct2('open');
});

选择之后可能会触发SELEct2焦点事件。 @H_262_4@我找到的唯一方法是SELEct2-focus和SELEct2-blur事件和jQuery one事件处理程序的组合。

@H_262_4@因此，元素第一次获得焦点时，SELEct2将被打开一次(因为一个)，当元素模糊时，一个事件处理程序再次被附加，等等。

@H_262_4@码：

$('#test').SELEct2({
    data: [{
        id: 0,text: "enhancement"
    },{
        id: 1,text: "bug"
    },{
        id: 2,text: "duplicate"
    },{
        id: 3,text: "invalid"
    },{
        id: 4,text: "wontfix"
    }],width: "300px"
}).one('SELEct2-focus',SELEct2Focus).on("SELEct2-blur",function () {
    $(this).one('SELEct2-focus',SELEct2Focus)
})

function SELEct2Focus() {
    $(this).SELEct2('open');
}

@H_262_4@演示：http://jsfiddle.net/IrvinDominin/fnjNb/

@H_262_4@updatE

@H_262_4@要让鼠标单击工作，您必须检查触发处理程序的事件，只有事件为焦点，才能触发打开的方法

@H_262_4@码：

function SELEct2Focus() {
    if (/^focus/.test(event.typE)) {
        $(this).SELEct2('open');
    }
}

@H_262_4@演示：http://jsfiddle.net/IrvinDominin/fnjNb/4/

@H_262_4@更新为SELECT2 V 4.0

@H_262_4@SELEct2 v 4.0已更改其API，并删除了自定义事件(请参阅https://github.com/select2/select2/issues/1908)。所以有必要改变检测方法。

@H_262_4@码：

$('.js-SELEct').SELEct2({
    placeholder: "SELEct",width: "100%"
})

$('.js-SELEct').next('.SELEct2').find('.SELEct2-SELEction').one('focus',SELEct2Focus).on('blur',function () {
    $(this).one('focus',SELEct2Focus)
})

function SELEct2Focus() {
    $(this).closest('.SELEct2').prev('SELEct').SELEct2('open');
}

@H_262_4@演示：http://jsfiddle.net/IrvinDominin/xfmgte70/