使身體只讀

打開對話框時，我想讓身體的其他部分只讀/不可選。我使用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

我試過了，它不工作。查看我的編輯 –

我也編輯過，現在檢查它。 –

它什麼時候會恢復？ –

回答

相關問題