如何透過上層div點擊下層的元素解決方法

一、問題描述

筆者是在些一個登錄界面時遇到這個問題的，需求是點擊登錄按鈕出現登錄懸浮框，初始化時登錄懸浮框是display:none的，但筆者發現登錄框那一塊區域的input框無法響應點擊時間，也無法獲得焦點。

一般鼠標放在input框上是會變成編輯的橫杠，input框也會獲得焦點。

二、解決方案

對上層元素使用：

pointer-events: none;

這樣點擊事件就能穿透上層元素，

但若是你想讓上層元素也能得到點擊事件，又該怎么辦呢？

只需要在你需要獲得點擊的上層元素子元素中加入：

pointer-events: auto;

即可！