在叠加层后面使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');
    });
});