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

これを試して：-

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

ライブデモ: http://jsfiddle.net/d48vY/

Answer 2

これを試してください

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