首页 > 代码库 > 转【js & jquery】遮罩层实现禁止a、span、button等元素的鼠标事件
转【js & jquery】遮罩层实现禁止a、span、button等元素的鼠标事件
/*遮罩层代码作用:通过遮罩层的方式防止表单提交次数过多*/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);}
调用方法就很简单了，比如说现在有个<a id="test1">点我啊</a>
直接就可以：
MaskIt($(‘#test1‘));
就可以加上遮罩了，解罩也是一样。
转【js & jquery】遮罩层实现禁止a、span、button等元素的鼠标事件
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。