天天看點

javascript--6點選空白處隐藏>>以遮罩層為例

點選空白處隐藏

                                                       ------ 以遮罩層為例

一、效果:

一個盒子,點選除了自己以外的任何一個地方,就會隐藏。

1.點選注冊,顯示遮罩層 和 登陸界面,滾動條消失

2.點選空白區域,隐藏遮罩和登陸界面

3.點選登陸界面,界面不動

javascript--6點選空白處隐藏>>以遮罩層為例

二、body +css

javascript--6點選空白處隐藏>>以遮罩層為例

三、js部分

思路:1.點選空白區域,事件源:document,點選注冊,事件源login  ,login 隸屬于document的一部分,需阻止冒泡

    2.核心>>>>點選除了自己以外的地方,隐藏   最主要找到自己,判斷目前對象,如何判斷點的地方是不是自己,判斷目前對象用event.target.id(普通浏覽器) 

javascript--6點選空白處隐藏>>以遮罩層為例

繼續閱讀