Select2：防止Select2下拉專注於點擊

如何防止禁用的Select2下拉突出點擊。很好地阻止了按下'TAB'鍵的重點。Select2：防止Select2下拉專注於點擊

我已經嘗試將tabindex =' - 1'添加到Select2層次結構中的各個div元素。沒有幫助。

例如，請參考this link轉到他們的文檔頁面，並嘗試點擊禁用的Select2示例，它將變得有重點，這不應該發生在我的情況中。

編輯：

嘗試@古魯普拉薩德的回答上述鏈路上與Chrome的控制檯上沒有成功與下面的代碼：

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

「點擊」獲取打印我點擊禁用的選擇，但每一次不會消除元素的焦點。

然後'disable'它 – Tushar

，你能告訴我們你的HTML和JavaScript代碼？ –

@Tushar＆Jeremy C - 請訪問上面問題中提供的鏈接，並考慮與我一樣的下拉菜單。點擊停用下拉菜單，該菜單將以藍色輪廓爲重點。我只是不希望它聚焦。 –

只要寫這個JS

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

UPDATE

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

2015-06-03 13:47:49

感謝您的快速回復@Guruprasad。小提琴的作品非常好。但是這些代碼並不適合我。即使我在谷歌瀏覽器控制檯的問題中提供的鏈接上嘗試了它也沒有成功。使用我在Chrome控制檯上編寫的代碼更新問題。 –

@VibhorDube更新了答案..請檢查，如果問題仍然存在，那麼您可能需要發佈呈現的HTML .. –

噢我的我的...謝謝你這麼多... :) –

回答