js使點選網頁其他地方使顯示框消失
有時候我們需要實現這樣一個效果:
點選圖示或者按鈕會出現一個下拉框或者顯示框,點選圖示或者按鈕顯示框消失,或者需要點選網頁其他任意地方顯示框消失。
點選固定圖示或按鈕顯示框顯示或消失這個jQuery或者js就能很容易實現,這裡說下點選網頁其他任意地方顯示框消失。
jQuery程式碼:
jQuery("body").click(function(e){
e = e || window.event;
var obj =e.target || e.srcElement;
if($(obj).closest("#explain").length <=0){//點選的區域如果沒有id為explain的標籤,就將explain收起隱藏
jQuery("#explain").slideUp();
}
});
OK,記錄完畢。
相關推薦
js使點選網頁其他地方使顯示框消失
有時候我們需要實現這樣一個效果: 點選圖示或者按鈕會出現一個下拉框或者顯示框,點選圖示或者按鈕顯示框消失,或者需要點選網頁其他任意地方顯示框消失。 點選固定圖示或按鈕顯示框顯示或消失這個jQuery或者js就能很容易實現,這裡說下點選網頁其他任意地方顯示框消失。 jQ
android實現點選螢幕其他地方popupwindow消失
// 解決popupWindow顯示後不消失問題 menuPopupWindow.setBackgroundDrawable(new BitmapDrawable()); menuPopupWindow
點選螢幕其他地方讓edittext失去焦點並隱藏輸入法的實現方法
讓EditText所在的layout或者其他layout獲得焦點。給layout註冊OnTouchListener監聽器。 1、先執行下面這兩個方法: .setFocusable(true); .setFocusableInTouchMode(true); 2、再執行.re
開啟關閉軟鍵盤,點選螢幕其他地方關閉軟鍵盤
開啟關閉軟鍵盤,點選螢幕其他地方關閉軟鍵 關閉然鍵盤: public void closeKeyboard() { View rootView = getWindow().getDecorView(); closeKeyboard(rootVi
js或jquery實現點選某個按鈕或元素顯示div,點選頁面其他任何地方隱藏div
點選某個元素顯示div,點選頁面其他任何地方隱藏div,可用javascript和jquery兩種方法實現: 一:javascript實現方法技巧 <script> //定義stopPropagation 方法的使用,該方法將停止事件的傳播,阻止它被分派到其他 Document 節點。
js/jq 點選按鈕顯示div,點選頁面其他任何地方隱藏div
整個複製可看效果 1. JS效果 <!DOCTYPE html> <html> <head> <meta http-equiv="Content
頭部導航,使點選一個欄目滑動到螢幕中間--多用於移動端
HTML程式碼: <ul class="tab-head"> <li class="tab-head-item active">心理諮詢師</li> <li class="tab-head-item"&g
Unity射線/右鍵點選某一點會使物體跟隨至滑鼠點選位置/計算目標物體距離滑鼠點選位置的距離
public class MyRay : MonoBehaviour { public GameObject GameObject;//要例項化的物體 粒子特效 public GameObject Player; private Animation ani;
Unity射線&自動尋路/右鍵點選某一點會使物體跟隨至滑鼠點選位置/計算目標物體距離滑鼠點選位置的距離
public class MyRay : MonoBehaviour { public GameObject GameObject;//要例項化的物體 粒子特效 public GameObject Player; // private Animation ani; priva
Unity__Canvas Group (使點選事件不被UI遮蔽或UI的所有子物件都不參與互動)
屬性: Alpha:該組UI元素的透明度。需要注意,每個UI最終的透明度是由此值和自身的alpha數值相乘得到。Interactable:是否需要互動(勾選則可互動),同時作用於該組全部UI元素BlcokRaycasts:如果需要圖形射線(GraphicRaycaster)檢測。勾選後,可將此元
VC MFC系統托盤右鍵選單,滑鼠點選非選單區域使選單消失的問題
程式最小化到系統托盤後,右鍵單擊托盤圖示會顯示選單。 現在的問題是如果不點選選單上的選項選單就會一直存在,如何使滑鼠在選單視窗外單擊操作時選單消失? 就像桌面右鍵選單那樣。 CMenu menu; menu.LoadMenu(IDR_MNU_TRAY); // 2 CMe
iOS 使點選事件穿透透明的UIView
通過例項講解,如圖(三個深灰色按鈕處於同一個contentView中): 懸浮的三個按鈕下方有一個可以點選的灰色區域,但是點選按鈕之間的透明區域, 這三個按鈕的contentView會響應這個
JS onclick點選事件:點選圖片切換其他圖片
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <
如何使點選超連結後瀏覽器彈出下載框
如果下載的資源和伺服器是同域的,那麼只要在a標籤中新增download屬性即可。 <a href="http://127.0.0.1:8000/a.jpg" download="a.jpg"
點擊頁面其他地方隱藏彈窗
程序 一次 show auto head 頁面 scrip htm fun <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> &
實現點擊頁面其他地方,隱藏div(vue)
監聽事件 listen function 頁面 比較 als 元素 點擊事件 click 方法一: 通過監聽事件 document.addEventListener(‘click‘,function(e){ if(e.target.
Vue-cli中使用vConsole,以及設定JS連續點選控制vConsole按鈕顯隱功能實現
一、vue-cli腳手架中搭建的專案引入vConsole除錯 1.首先npm安裝,大家都懂的。 npm install vconsole 2.在合適的地方新建一個檔案vconsole.js,內容如下: import Vconsole from 'vconsole' let vConso
簡單JS代--點選誰新增背景色
<!doctype html> <html> <head> <meta charset="utf-8"> <title>簡單JS代--點選誰新增背景色</title> <script src="http://libs.
前端外掛jquery.singlePageNav.min.js(導航點選選單跳轉與點選縮放選單摺疊按鈕緩衝效果外掛)
Bootstrap導航點選選單跳轉與點選縮放選單摺疊按鈕緩衝效果外掛jquery.singlePageNav.min.js 引入步驟: <script src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"><
JS實現點選按鈕,下載檔案
今天在實現下載功能時,後臺介面測試完成後,前臺在呼叫時發現,因為系統是基於token的,又不想把token顯示在url中,後來找到了一篇文章,講解了如何通過構造form表單提交請求後端介面,實現檔案下載,原文地址:https://www.cnblogs.com/hamsterPP/p/6763458.html