CFXIXI工作室首页
CF西西的博客 | 网页防止暴力点击解决参考

网页防止暴力点击解决参考

18. 二月 2013

网页防止暴力点击解决参考

使用透明浮层

.preventEventMore{

    position:absolute;

    width:100%;

    height:101%;

    display:none;

    background:transparent; 

    z-index:90000;

    top:0px;

    left:0px; 

}

设置透明浮层html代码

<div class="preventEventMore">

 

点击时js方法

function perventEventTouchMore(){//防止暴力点击,事件触发之后显示一个透明的浮层,1s之后消失
    $(".preventEventMore").css({
        'display':'block'
    });
    setTimeout(function(){
         $(".preventEventMore").css({
           'display':'none'
         }); 
    },500); 
}

 

调用方法:

点击的事件中调用perventEventTouchMore()方法

Html5 APP