首页 > 代码库 > 点击按钮生成遮罩层后这个按钮被遮住还可以点击解决办法
点击按钮生成遮罩层后这个按钮被遮住还可以点击解决办法
这个功能很特殊,我有篇随笔写的自助弹框,弹出框后,下面的按钮虽然有遮罩层但还是可以点,有一种解决方法就是用点击后就马上解绑按钮的点击事件,在弹框确定后再绑定上去。
$(".regbtn")[0].addEventListener("touchstart",register); function register() { $(".regbtn")[0].removeEventListener("touchstart",register); if(执行弹窗条件) { $(".regbtn")[0].removeEventListener("touchstart",register); var alertdiv = $(‘<div id="alertdiv" class="overlay" style="z-index: 99999; left: 0px;"><div class="phone-alert"><div class="phone-alert-panel"><div class="phone-alert-content">手机号已经被注册了</div><div class="phone-alert-line"></div><a href="javascript:void(0);" class="pbtn" id="confirmTag">确认</a></div></div></div>‘); $("body").append(alertdiv); $(document).on("touchstart","#confirmTag",function(){ $(".overlay").each(function(index, value){ $(this).remove(); $(".regbtn")[0].addEventListener("touchstart",register); }); });
点击按钮生成遮罩层后这个按钮被遮住还可以点击解决办法
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。