本文共 345 字，大约阅读时间需要 1 分钟。

知识点

1. 阻止冒泡：事件会产生冒泡现象，点击div会向完成不断传递，如果不阻止会触发外部有相同现象的函数。

   if(event && event.stopPropagation){
         // w3c标准    event.stopPropagation();}else{
         // IE系列 IE 678    event.cancelBubble = true;}

2. 实现居中

   position: fixed;left: 50%;top: 50%;transform: translate(高度一半,宽度一半);

运行效果

点击立即登录，弹出一个div（模拟登录界面），点击div外会关闭蒙版，点击div内部会进行跳转。

代码

    
           立即登录
   
   

转载地址：https://kaisarh.blog.csdn.net/article/details/103734211 如侵犯您的版权，请留言回复原文章的地址，我们会给您删除此文章，给您带来不便请您谅解！