jquery - 使正文只读

Question

在打开一个对话框时，我想让正文的其余部分只读/不可选择。我正在使用 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");

Answer 1

请试试这个

.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'); 
 });

Answer 2

试试这个：-

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

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