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

阿新 • • 發佈：2018-11-08

一、問題描述

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

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

二、解決方案

對上層元素使用：

pointer-events: none;

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

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

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

pointer-events: auto;

即可！

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

一、問題描述筆者是在些一個登入介面時遇到這個問題的，需求是點選登入按鈕出現登入懸浮框，初始化時登入懸浮框是display:none的，但筆者發現登入框那一塊區域的input框無法響應點選時間，也無法獲得焦點。一般滑鼠放在input框上是會變成編輯的橫槓，input框也會獲得焦點。二、解決方案對上層元素使用：p

adobe flash player設定時無法點選允許的解決方法

解決方法 1）右鍵點選進行“全域性設定” 2）自動進入網址：http://www.macromedia.com/support/documentation/en/flashplayer/help/settings_manager.html 3）點選下方：Website

web uploader在Firefox下上傳點選無效的解決方法

在公司專案中，做一個上傳檔案的功能，選用了百度的web uploader，按照官網上面的方法，寫好之後，在chrome下面沒有任何問題，可是在Firefox下面怎麼點選都沒有效果？官網上的例子在chrome和Firefox上都可以觸發。檢視官網上的HTML佈局如下： <div id=

【Windows10】點選cortana無反應，很多應用圖片灰色點選無反應解決方法

在windows10使用過程中，經常出現點選小娜cortana無反應的情況，或者出現以下圖片（右側計算機）情況，某些windows自帶應用是灰色的點選圖示就會提示XXX 出現問題，請你聯絡系統管理員等字樣。解決方法：第一步：開啟Windows10防火牆。第二步：

在Angular輸入框內按下回車會觸發其它button的點選事件的解決方法

將不需要觸發事件的button上新增type="button"即可<button type="button" (click)="clickMe()">click</button>參考：https://stackoverflow.com/question

dedecms織夢網站更新點選次數更新解決方法

織夢的模板有很多個，首頁如果要實現分頁就會用list_free.htm模板，列表頁的模板用list_article.htm模板，文章頁的模板用article_article.htm。點選次數的功能可以讓使用者看到網站的流量有多少。從而產生更好的青睞感。如何在DEDECMS

Android 控制元件使用Animator動畫後，點選事件失效解決方法

原因：動畫只是改變了該控制元件的顯示位置；實際位置未發生改變解決方法：使用ValueAnimator動畫屬性動畫 /** 獲得value物件.通過構造器並且傳遞需要移動的引數

js或jquery實現點選某個按鈕或元素顯示div,點選頁面其他任何地方隱藏div

點選某個元素顯示div,點選頁面其他任何地方隱藏div，可用javascript和jquery兩種方法實現：一：javascript實現方法技巧 <script> //定義stopPropagation 方法的使用，該方法將停止事件的傳播，阻止它被分派到其他 Document 節點。

swiper輪播圖包在div(tab切換)下js上一頁下一頁點選事件失效解決辦法

問題: 兩種解決辦法: 解決辦法一: var mySwiper = new Swiper ('.swiper-container', { nextButton: '.swiper-button-next', p

js 操作當前滑鼠點選的事件解決 div ul 下拉框事件

$(document).click(function(){ if ($(event.srcElement).is("#elem,#elem *")) { // alert('內部區域'); } else { alert('你的點選不在目標區域'); }

Android問題與解決方案：重疊View響應上層View點選事件

問題描述：下層是recycleView，在其上有一個FloatActionButton，點選FloatActionButton，響應了響應item的點選事件然後是方案：上層View設定c

解決FrameLayout上的Layout可以點選下層的方法：

給當前的 View設定Touch事件; 例： currentLayout.setOnTouchListener(new OnTouchListener(){ @Override public boolean onTouch(View v, M

Android 設定了ClickableSpan導致的上層View點選事件無法響應解決方案

首先感謝此題主及回答的大神提供了思路：點選開啟連結　　首先問題是這樣的：如果LinearLayout中包了一個TextView，TextView設定了ClickableSpan，這時如果恰巧LinearLayout和TextView都設定了點選監聽，這時如果點選了Clicka

Web丨IOS系統下Safari瀏覽器中div點選事件無效的解決辦法：

1、把 div 改換為 a、button 等具有可點選性的標籤元素，新增 curson:pointer 滑鼠樣式 2、把點選事件直接繫結到需要點選的標籤上，而不是其祖先級，儘量不要用事件委託曾在兩個專案中適配 IOS 手機端 Safari 瀏覽器時遇

【VUE元件開發】VUE隨意點選列表元素切換選中樣式，並有序陣列新增索引和數值

直接檢視程式碼以及樣式 <template> <div>  <div class="dataStep"> <!--<img src="static

js實現點選改變元素樣式

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>js重溫</title> </head> <p id="www">1

ScrollView與viewpager滑動事件衝突,與點選事情衝突解決方案

在產品適配的時候我加了ScrollView,但是產品提出了一個向上輪播需求首先把豎直向上的viewpager粘出來: package com.cfiigroup.zhehui.hepaidai.view; import android.view.MotionEvent; impo

layui table 操作欄按鈕過多省略號隱藏的按鈕彈出的tip點選沒有效果解決辦法

範例如下 <table id="LAY-app-content-nav" lay-filter="LAY-app-content-nav"></table> table.on('row(LAY-app-content-nav)', function(obj){

Vue list迴圈時點選當前元素顯示相應的詳細內容

列表迴圈 <ul> <li v-for="(good,index) in goods" :key="good.id"class="food-list-hook"> <div class="class-title"> {{good.class

點選show()和hide()方法顯示和隱藏元素，自身也換值

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http