如何暂时屏蔽界面操作

在等待的时候屏蔽所有操作，比如界面颜色变成灰色，出现等待图标，所有操作都无效

解决方案 »

  1.   

    <script>
    var valid=true;
    function dbl() {
    var items = document.all;
    for (var i=0;i<items.length ;i++ )
    {
    if(items[i].tagName!='BODY')
    items[i].disabled = valid;
    }
    valid = ! valid;
    }
    </script>
     <BODY ondblclick=dbl()>
    <input type=button value=test onclick=alert("clicked!")> </BODY>
      

  2.   

    显示一个浮动层,并且设置document.body.disabled=true.
    当执行完操作之后再恢复.
      

  3.   

    基本思路：
    创建一个显示层<iframe width="100%" height ="100%" style="z-index:1000;滤镜opacity;display:none" frameborder="0" id="mask"></iframe>document.body.appendChild("mask");  触发后 mask style.display = ""