js點擊遮罩空白區域關閉,點擊遮罩內元素不關閉


1、阻止冒泡

$(document).on(' touchstart', '.modal-body', function(e) {
    e.stopPropagation();   //阻止冒泡  遮罩內元素不關閉(遮罩關閉)
})

 2、阻止點透

$(document).on(' touchend', '.modal', function (e) {
    e.preventDefault(); //阻止點透
});

 3、盡量避開點透和冒泡事件,阻止瀏覽器的默認行為時會禁用a標簽以及nput輸入框的跳轉和聚焦,阻止冒泡不無效--處理,避開點透處理


免責聲明!

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



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