(點選div之外的區域使div隱藏)原生js。事件代理和事件冒泡
var myDiv = $("#myDiv"); $(function() { $("#btn").click(function(event) { // showDiv();//呼叫顯示DIV方法 $(myDiv).toggle(); $(document).one("click", function() { //對document繫結一個影藏Div方法 $(myDiv).hide(); }); event.stopPropagation(); //阻止事件向上冒泡 }); $(myDiv).click(function(event) { event.stopPropagation(); //阻止事件向上冒泡 }); }); function showDiv() { $(myDiv).fadeIn(); }
相關推薦
(點選div之外的區域使div隱藏)原生js。事件代理和事件冒泡
var myDiv = $("#myDiv"); $(function() { $("#btn").click(function(event) { // showDiv();//呼叫顯示DIV方法 $(myDiv).toggle(); $(do
VC MFC系統托盤右鍵選單,滑鼠點選非選單區域使選單消失的問題
程式最小化到系統托盤後,右鍵單擊托盤圖示會顯示選單。 現在的問題是如果不點選選單上的選項選單就會一直存在,如何使滑鼠在選單視窗外單擊操作時選單消失? 就像桌面右鍵選單那樣。 CMenu menu; menu.LoadMenu(IDR_MNU_TRAY); // 2 CMe
UIAlertView UITapGestureRecognizer 點選視窗之外區域關閉
- (IBAction)showAlert:(id)sender { alert = [[UIAlertView alloc] initWithTitle:@"模態測試" message:@"請點
iOS之UIAlertView點選視窗之外區域關閉
彈出一個UIAlertView,然後點選視窗之外的區域來關閉UIALertView,程式碼如下: - (IBAction)showAlert:(id)sender { alert = [[UIA
點擊div之外的地方就隱藏該div
dem spa none pla head event eight clas 2.0 效果:點擊彈窗外任意一點,取消顯示彈窗;這也是一個常用的效果 源碼demo: <!DOCTYPE html> <html> <head>
原生JS實現點選一個按鈕顯示一個div,再點選按鈕div隱藏,或點選除div外其它空白處div隱藏
<!DOCTYPE html> <html style="font-size: 24px"> <head> <title>js點選按鈕顯示再點選空白地方隱藏</title> <style type="text/css"&g
js如何實現點選一個按鈕顯示一個div,然後該div上有一個按鈕,點選此按鈕後隱藏,隱藏的同時顯示另外一個div,而在次彈出的div也有一個按鈕,點選後隱藏.
<button id="btn1" onclick="btn1()">報名</button> <div id="div1" style="background:#999999; display:none;"> <button id=
點選Edittext之外的區域軟鍵盤的顯示和隱藏
簡單說明下:有事再開發中會遇到當你點選edittext的時候軟鍵盤就彈出來可供你輸入,那麼我在點選別的地方,你會發現軟鍵盤還是處於顯示狀態,除非你手動去點選隱藏軟鍵盤。這樣體驗非常不好。那麼重要的來了,下面的程式碼片段可以解決這個問題。大家參考下。 @Override p
Android點選EditText之外的地方隱藏軟鍵盤同時使EditText失去焦點
1.只是隱藏軟鍵盤: @Override public boolean dispatchTouchEvent(MotionEvent ev) { if (ev.getAction() == MotionEvent.ACTION_
滑鼠點選頁面的其它地方div自動隱藏
(一)加入關閉按鈕只要再加一個onclick 時間就行了,turnoff(‘ ’)裡的引數可以改變。程式碼如下<html> <meta charset="gbk"> <head> <script> var hide=fun
Android點選EditText之外的地方隱藏鍵盤
有些時候我們新增一個點選EditText以外的地方隱藏鍵盤的功能,通過查詢資料,親測可以採用以下的方法,在activity中重寫dispatchTouchEvent(MotionEvent ev)的方法: @Override public boolean dispatchTouchEve
點選連結彈出一個DIV層視窗
做裝置介紹頁面的時候,發現每個裝置點選檢視詳情都需要連結一個新的頁面,這樣比較影響網頁瀏覽的效率和舒適度,所以想用彈窗的形式在當前頁面展示詳情。彈出的視窗要固定在瀏覽器視窗的中間位置,我採用了fixed固定佈局。 <!--HTML--> <body style="backg
點選按鈕移除整個DIV
點選圖片中的X號移除這塊DIV jsp頁面程式碼: <c:forEach var="list" items="${editList}"> <div class="appmsg
Android點選EditText以外區域隱藏鍵盤Fragment同樣適用
@Override public boolean onTouchEvent(MotionEvent event) { if (event.getAction() == MotionEvent.ACTION_DOWN) { View v = getCu
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
jquery如何獲取當前被點選元素之外的同級元素
思路:獲取被點選元素之外的元素,使用remove()方法刪除節點。下面進行例項演示:例項一: 點選某個div後,刪除同級的其餘div元素:1、HTML結構<div class="content"> <div class="test">1
Android 點選按鈕實現控制元件顯示隱藏
我寫了一個自定義的listview,listview 每一列點選切換圖示 同時顯示 隱藏的佈局,再次點選則隱藏該佈局。以下是判斷的程式碼: holder.isShowlin.setOnClickListener(new View.OnClickListener() { @
ECharts 點選非圖表區域的點選事件不觸發問題
1. 通過 myChart.getZr().on('click', fn) 監聽整個圖表的點選事件,註冊回撥 myChart.getZr().on('click', () => { //拿到index即可取出被點選資料的所有資訊 console.log(clickIndex) })
js使點選網頁其他地方使顯示框消失
有時候我們需要實現這樣一個效果: 點選圖示或者按鈕會出現一個下拉框或者顯示框,點選圖示或者按鈕顯示框消失,或者需要點選網頁其他任意地方顯示框消失。 點選固定圖示或按鈕顯示框顯示或消失這個jQuery或者js就能很容易實現,這裡說下點選網頁其他任意地方顯示框消失。 jQ