如何防止輸入字段獲得鍵盤焦點？

Question

我有問題，在HTML5實現一個模態對話框：https://github.com/Semantic-Org/Semantic-UI/issues/733

我想對所有背景輸入字段編程方式禁用焦點，而模態對話框可見。 有沒有辦法以編程方式防止HTML輸入字段獲得鍵盤焦點？

Answer 1

，如果你保持一個表單內的所有輸入字段嘗試這種開放模式對話框

var form = document.getElementById("your_form_id"); 
var elements = form.elements; 
for (var i = 0, len = elements.length; i < len; ++i) { 
    elements[i].readOnly = true; 
} 

Answer 2

我已經找到了解決辦法：

function startFocusJail (focusRootElement) { 
    $(document).off("focusin.focusJail"); 
    $(document).on("focusin.focusJail", function(event) { 
     if (event.target !== focusRootElement && !$.contains(focusRootElement, event.target)) { 
     focusRootElement.focus(); 
     } 
    }); 
} 

function stopFocusJail() { 
    $(document).off("focusin.focusJail"); 
} 

如果DIV被作爲focusRootElement參數傳遞，它必須有tabindex="-1"。