一、问题描述
笔者是在些一个登录界面时遇到这个问题的,需求是点击登录按钮出现登录悬浮框,初始化时登录悬浮框是display:none的,但笔者发现登录框那一块区域的input框无法响应点击时间,也无法获得焦点。
一般鼠标放在input框上是会变成编辑的横杠,input框也会获得焦点。
二、解决方案
对上层元素使用:
pointer-events: none;
这样点击事件就能穿透上层元素,
但若是你想让上层元素也能得到点击事件,又该怎么办呢?
只需要在你需要获得点击的上层元素子元素中加入:
pointer-events: auto;
即可!