菜鸟【原生js】:点击页面空白区域,实现窗口关闭

网上实现这个效果,有使用阻止冒泡或者使用遮罩层的,这里就不细说,但我菜,有时候我看不懂,所以自己写了一个方法,有更好的方法,欢迎指导。

首先是html部分,基本上就是导航栏中有一个搜索框,点击搜索框会出现一个推荐窗口

其次是简单样式部分

  

最后是js部分

 

事后总结:

1.还是要多看看事件对象,里面有很多有用的东西

2.e.path中的元素不是字符串,而是节点

3.如果在vue中使用某个flag值用v-show或者class动态绑定控制diaplay的类,貌似没有效果,如果大神知道原因的话,请指导

你可能感兴趣的:(原生js,html5,html,javascript,前端)