這個功能很特殊,我有篇隨筆寫的自助彈框,彈出框后,下面的按鈕雖然有遮罩層但還是可以點,有一種解決方法就是用點擊后就馬上解綁按鈕的點擊事件,在彈框確定后再綁定上去。
$(".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);
});
