让身体只读

时间:2013-05-20 11:53:00

标签: jquery html readonly

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

2 个答案:

答案 0 :(得分:0)

请试试这个

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

答案 1 :(得分:0)

试试这个: -

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

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