Question

我们如何防止禁用的Select2下拉列表专注于点击。可以很好地避免专注于按下“TAB”键。

我已经尝试将tabindex =' - 1'添加到Select2层次结构中的各种div元素。没人帮忙。

例如，请参考this link转到他们的文档页面并尝试点击禁用的Select2示例，它会集中注意力，这在我的情况下不会发生。

编辑：

尝试@ Guruprasad对上述链接的回答，Chrome控制台没有成功，代码如下：

jQuery('.select2-container--disabled .select2-selection').on('click', function () {
console.log('clicked');
jQuery('.select2-selection').blur;
});

每次单击禁用的选择时，

'clicked'都会被打印，但它不会删除元素的焦点。

Answer 1

只需写下 JS

即可

$('.select2-selection').on('click',function(){
    $(this).blur();
});

<强>更新

blur应为blur()

jQuery('.select2-container--disabled').on('click', function () {
    console.log('clicked');
    jQuery('.select2-selection').blur();
});

更新2：

我很难说你是否可以停止专注，但是ui透视向用户显示它已被禁用，你可以在css下面添加：

.select2-container--default .select2-selection--single .select2-selection__rendered 
{
     cursor:not-allowed;   
}