jquery - 使覆盖层后面的 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
• 带有不可选择的 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');
    });
});