js点击遮罩空白区域关闭,点击遮罩内元素不关闭

1、阻止冒泡

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

 2、阻止点透

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

 3、尽量避开点透和冒泡事件,阻止浏览器的默认行为时会禁用a标签以及nput输入框的跳转和聚焦,阻止冒泡不无效--处理,避开点透处理

原文地址:https://www.cnblogs.com/cdj61/p/13540467.html