使div無法在疊加層後面選擇

Question

我想要在div上顯示疊加層。顯示覆蓋後，我不想允許選擇該背景div。但是當我雙擊重疊背景div處於可選狀態時。 你可以請任何人看看這個。 http://jsfiddle.net/fkWn5/2/

Answer 1

解決方案

您可以通過使用用戶選擇的規則在CSS中，加入這個類來一次就覆蓋轉向背景要素做到這一點：

CSS：

.unselectable { 
-moz-user-select: -moz-none; 
    -khtml-user-select: none; 
    -webkit-user-select: none; 
    -ms-user-select: none; 
    user-select: none; 
} 

用jquery添加類：

$('#backgrounddiv').addClass('unselectable'); 

的jsfiddle例如：

• http://jsfiddle.net/ghm2N/

參考文獻：

• .addClass
• question with unselectable css

Answer 2

$(document).ready(function() { 
    $('#search_name').on('keyup', 
    function() { 
     search_name = $(this).val(); 
     $("#names li:contains('" + search_name + "')").addClass('highlight').siblings().removeClass('highlight'); 
    }); 
});