转【js & jquery】遮罩层实现禁止a、span、button等元素的鼠标事件
/*遮罩层代码 作用:通过遮罩层的方式防止表单提交次数过多 */ function MaskIt(obj){ var hoverdiv = '<div class="divMask" ></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); }
调用方法就很简单了,比如说现在有个<a >点我啊</a>
直接就可以:
MaskIt($('#test1'));
就可以加上遮罩了,解罩也是一样。