zoukankan      html  css  js  c++  java
  • 转【js & jquery】遮罩层实现禁止a、span、button等元素的鼠标事件

    /*遮罩层代码
    作用:通过遮罩层的方式防止表单提交次数过多
    */
    function MaskIt(obj){
        var hoverdiv = '<div class="divMask" style="position: absolute;  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'));

        就可以加上遮罩了,解罩也是一样。

  • 相关阅读:
    单例模式创建
    盛最多水的容器
    魔术索引
    钢条切割
    比较版本号
    矩阵中的路径
    机器人的运动范围
    计网基础问题
    Linux 下android环境的配置
    Fedora15下安装Android开发环境
  • 原文地址:https://www.cnblogs.com/laopo/p/6308719.html
Copyright © 2011-2022 走看看