點擊按鈕生成遮罩層后這個按鈕被遮住還可以點擊解決辦法


     這個功能很特殊,我有篇隨筆寫的自助彈框,彈出框后,下面的按鈕雖然有遮罩層但還是可以點,有一種解決方法就是用點擊后就馬上解綁按鈕的點擊事件,在彈框確定后再綁定上去。

 

          $(".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);
			  });
		       }else{  
    
                  $(".regbtn")[0].addEventListener("touchstart",register);
              });

  


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM