div遮罩實現禁用鼠標（click、hover等）事件

     這兩天在幫老師做網頁，今天想實現在一塊區域內禁止鼠標的各種事件，本來是想在框架模板的js文件里去修改，但是改代碼的時候有點凌亂。。。感覺應該自己把問題想復雜了。

     所以想了想要是能實現在一個區域內（如：div）遮罩住區域下方的操作，強大的某度讓我很快找到了答案，拿去一試，誒~還挺方便，一試就靈。

     所以在此處貼下相應代碼僅供參考：

   1、Javascript 部分代碼

 function MaskIt(obj){
 　　var hoverdiv = '<div class="divMask" style="position: absolute; width: 100%; height: 100%; left: 0px; top: 0px; background: #fff; opacity: 0; filter: alpha(opacity=0);z-index:5;"></div>';
 　　$(obj).wrap('<div class="position:relative;"></div>');
 　　$(obj).before(hoverdiv);
 　　$(obj).data("mask",true);
  }
 function UnMaskIt(obj){
 　　if($(obj).data("mask")==true){
 　　　　$(obj).parent().find(".divMask").remove();
 　　　　$(obj).unwrap();
 　　　　$(obj).data("mask",false);
     }
     $(obj).data("mask",false);
 }

    2、調用方法

         比如：我在html中有一個div的 id 是“needMask” 

<div id="needMask">
    ……
<div>

       
        調用時，就是用函數：

MaskIt($('#needMask'));

     
      恩......end  希望能幫到有需要的盆友：）