使身体只读

打开对话框时，我想让身体的其他部分只读/不可选。我使用jQuery。目前我使用这一点，但它不工作：使身体只读

<script> 
$('document').ready(function() { 
    $('#advertMenu').click(function() { 
     $("body").attr("readonly", "readonly"); 
    }); 
}); 
</script>

编辑

后

$("body").css("-moz-user-select", "-moz-none"); 
     $("body").css("-khtml-user-select", "none"); 
     $("body").css("-webkit-user-select", "none"); 
     $("body").css("-o-user-select", "none"); 
     $("body").css("-user-select", "none");

来源

2013-05-20 Jaskaran S.P

什么类型的对话框？ jQuery对话框？在这种情况下，你可以打开像模态。 [jQuery模式对话框]（http://jqueryui.com/dialog/#modal） –

不，我会提示一个div，并使其余的身体的不透明度低，并希望使其不可编辑。 –

这意味着你想在屏幕上显示某种叠加，对吧？ – muneebShabbir

试试这个： -

  $(document).ready(function(){ 
      $('body').attr('unselectable', 'on') 
      .css('user-select', 'none') 
      .on('selectstart', false); 
      });

现场演示：http://jsfiddle.net/d48vY/

来源

2013-05-20 11:56:35

不工作，它仍然可编辑 –

@ user210068其工作正常在这里是演示http://jsfiddle.net/d48vY/ –

是的，它的工作原理，但问题是所有的链接和领域仍然可以选择。他们怎么能被禁用呢？ –

请试试这个

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

$('#advertMenu').click(function() { 
     $("body").addClass('unselectable'); 
});

来源

2013-05-20 11:55:10

我试过了，它不工作。查看我的编辑 –

我也编辑过，现在检查它。 –

它什么时候会恢复？ –

回答

相关问题