關於點選空白關閉彈窗的js語句
最近專案中出現了這種情況,點選某個按鈕或連結,出現一個彈窗或者展開一個模組,然後點選彈窗(模組)之外的空白,它會被關閉。所以就出現了js如何獲取一個div以外的所有地方,於是百度了一下程式碼,親測有用,已經運用到專案中,下面分享一下,有別的更簡單的方法,歡迎補充。
$(document).mouseup(function(e){
var _con = $(' 目標區域 '); // 設定目標區域
if(!_con.is(e.target) && _con.has(e.target).length === 0){
some code... // 功能程式碼
}
});
原理:
判斷點選事件發生在區域外的條件是:
1. 點選事件的物件不是目標區域本身
2. 事件物件同時也不是目標區域的子元素
相關推薦
關於點選空白關閉彈窗的js語句
最近專案中出現了這種情況,點選某個按鈕或連結,出現一個彈窗或者展開一個模組,然後點選彈窗(模組)之外的空白,它會被關閉。所以就出現了js如何獲取一個div以外的所有地方,於是百度了一下程式碼,親測有用,已經運用到專案中,下面分享一下,有別的更簡單的方法,歡迎補充
使用js冒泡實現點擊空白處關閉彈窗
spa add ria 點擊 on() cin 實現 eve rom 什麽是事件冒泡? 如圖:在一個對象上觸發某類事件(比如單擊onclick事件),這個事件會向這個對象的父級對象傳播,從裏到外,直至它被處理(父級對象所有同類事件都將被激活),或者它到達了
js,jq點選開啟小彈窗,當前頁面彈出小視窗
function openWin(url) { var u = url; window.open(u, 'newwindow', 'height=600, width=800, top=30%,
layer結合easyui:點選按鈕時關閉彈窗
<script type="text/javascript"> //按鈕點選事件 $("#button_search").click(function(){ //獲取keyword var keyword = $("#keyword
artDialog5點選遮罩層關閉彈窗,
artDialog是一個基於javascript編寫的對話方塊彈窗元件,它有較豐富的介面,完全可以滿足你專案中各類需求的實現。 artDialog4+ 官網地址:http://code.google.com/p/artdialog/ 有原生js版本,也有提供
vue和jq中實現點選任意地方關閉彈窗
有時候 開發中會遇到這樣一個需求 點選任意地方關閉彈窗 1.先用jq實現效果 // 點選任意地方關閉遮罩層 除了指定區域 $('#最大的父容器區域').bind('click', function(e) { var e = e
JS中關閉彈窗的問題
utf blog 新網 先來 知識 oct 提交 top cli 先舉列一個W3Cshool的例子:在父窗口關閉子窗口 <html> <head> <script type="text/javascript"> function clo
點選下載連結彈出空白頁面
分為兩種情況 如果下載由js觸發而非a標籤,則可以在彈出的頁面中進行如下修改: <head>與</head>之間加入: <base target="tempiframe" /> 在<body>&l
js實現點選按鈕出現div,點選空白又消失
主要就是兩個點選按鈕,一個是點選讓 div出現,一個是點選空白地方讓它消失,在做的時候先給div新增display:none;進行隱藏,第一次去點選按鈕,讓它變成block,不過要加一個stopPropagation()進行阻止冒泡,然後在寫另一個點選消失的事件,變成none就解決了。div
js點選標題展示內容,再次點選標題關閉內容
<script type="text/javascript"> function show_content(ids){ var content=document.getElementById("content"+ids); content.style.
JS如何給ul下的所有li繫結點選事件,點選使其彈出下標和內容
這是一個非常常見的面試題,出題方式多樣,但考察點相同,下面我們來看看這幾種方法: 方法一: var itemli = document.getElementsByTagName("li"); for(var i = 0; i<itemli.length; i++){
Layui 的資料表格,在呼叫Ajax請求後的關閉彈窗和重新整理父視窗js
$.ajax({ url:'<%=path%>/content/addJctt', type:'post'
iOS輸入檢視(如UITextView UITextField)點選時沒有彈出鍵盤輸入窗
這樣的情況大體有三種原因: 1.彈出窗被更高層次的視窗遮擋了,從介面上看不出鍵盤窗的響應。 我們可以通過以下的方法來檢測應用中所有視窗的等級 for (UIWindow *window in [[UIApplication sharedApplication] windo
經典的js問題 實現點選li能夠彈出當前li索引與innerHTML的函式
經典的js問題 實現點選li能夠彈出當前li索引與innerHTML的函式 點選其中一項需要alert出如下結果: 按照我們平常的想法,程式碼應該是這樣寫的: var myul = document.getElementsByTagName("ul")[0];
彈出對話方塊,點選確定關閉對話方塊,返回值給父頁面
父頁面: <input id="btnSelect" type="button" value="..." onclick="organTree('txt_GLJG','hid_gljg');" class ="btn" /> <script typ
Activity對話方塊樣式. 點選空白區域關閉視窗
Dialog除了使用Dialog類來實現之外,還可以使用Dialog樣式的Activity來實現,只需要在註冊Activity時指明theme為adnroid:Theme.Dialog就行,這樣的Dialog因為實際上是個Activity而更加豐富靈活。在API11(如果沒記錯的話)之前的dialog樣
layer點擊確定關閉彈出層事件
.get 關閉 name 彈出層 close 事件 彈出 parent nbsp var index=parent.layer.getFrameIndex(window.name); parent.layer.close(index); parent.layer.c
點擊按鈕出現彈窗
cti fadeout xhtml pwd sheet gpo lar fun rip <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtm
mui中同一個頁面按物理返回鍵只關閉彈窗,不返回上一個頁面
若一個頁面中存在彈窗,在彈窗開啟的狀態下,點選物理返回鍵只要求關閉當前彈窗,而不是返回上一頁面,再次點選物理鍵時才會返回上一頁面,有以下解決方法。 step1:進入頁面時先禁用物理返回鍵,此時還能監聽到返回鍵,只是不執行返回 mui.init({ beforeback:func
android仿微信、QQ等聊天介面,實現點選輸入框彈出軟鍵盤、點選其他區域收起軟鍵盤,預設滑動至最低端
如圖所示,點選輸入框及選擇圖片和傳送按鈕時軟鍵盤顯示且不消失,點選其他區域,則隱藏軟鍵盤。 主要程式碼如下: override fun dispatchTouchEvent(ev: MotionEvent?): Boolean { if (ev!!.getAction() ==