我有一個HTML div,我想在用戶單擊div外部任何地方的頁面時隱藏它。點擊哪個元素應該觸發onclick事件?如何在div外單擊鼠標時隱藏div
3
A
回答
1
假設你正在使用最新的jQuery,V1.4.4:
$(<the div you want hidden>).click(false); //stop click event from bubbling up to the document
$(document).one('click', function(){
$(<the div you want hidden>).hide(); //which will hide the div
});
換句話說,這個代碼表示「隱藏的div如果你點擊這個網頁上,除非你點擊DIV」。
回覆:切換按鈕
那麼你就必須是這樣的:
$('button').click(function(){
$('div').toggle();
});
$('div').click(false);
$(document).click(function(){
$('div').hide();
//reset the toggle state, e.g.
$('button').removeClass('selected');
});
0
BODY元素。
6
$('#mydiv').click(function(e) { e.stopImmediatePropagation(); });
$(document.body).one("click", function() {
$('#mydiv').hide();
});
由於mydiv
也是body
元素的孩子,你不希望這個元素上點擊時,該元素將dissappear。
所以當人們點擊mydiv
時,你希望它不要冒泡到body
元素,這就是爲什麼你首先在你的mydiv
上註冊一個點擊事件,並告訴它停止冒泡。
相關問題
- 1. 鼠標點擊隱藏div
- 2. 當用戶在div標籤外單擊時隱藏div標籤
- 3. 在圖像外點擊時隱藏div
- 4. 在頁面的任何部分點擊鼠標時隱藏div,除了div
- 5. 如何隱藏鼠標在另一個div上的div?
- 6. 將鼠標懸停在另一個div上時隱藏div
- 7. 在點擊除div以外的其他主體時隱藏div
- 8. 單擊時需要隱藏div
- 9. 單擊以顯示div,再次單擊以隱藏或單擊外部div以隱藏
- 10. 當鼠標離開該div一定距離時隱藏div
- 11. jQuery的 - 隱藏一個div菜單點擊外DIV
- 12. 如何在單擊特定按鈕時顯示和隱藏div?
- 13. jQuery隱藏點擊外部的div
- 14. 單擊atag時顯示特定div。並隱藏其他div
- 15. jQuery在點擊時隱藏多個div
- 16. 如何在鼠標懸停上顯示/隱藏div?
- 17. 如何使用jquery在鼠標上顯示隱藏div?
- 18. 如何在鼠標懸停上顯示/隱藏div
- 19. 如何在鼠標懸停上顯示隱藏的div?
- 20. 如何在當前鼠標上顯示/隱藏div元素?
- 21. 在隱藏div中隱藏div?
- 22. 顯示div一旦點擊後隱藏,當點擊外部時隱藏
- 23. 如何隱藏DIV
- 24. 如何在滾動時關注div,但在點擊時隱藏?
- 25. CSS3:當鼠標懸停在圖像div上時顯示隱藏文本div
- 26. 在鼠標懸停和鼠標移出時顯示和隱藏Div
- 27. 顯示/隱藏點擊純div div
- 28. 隱藏和顯示DIV單擊
- 29. 單擊div顯示/隱藏另一個
- 30. 菜單被隱藏在div
呃,'。一()`發生在一個`eventType`作爲參數。在這裏,你綁定了什麼事件? – 2010-11-29 07:56:11
固定。當然綁定到點擊事件。 – Gidon 2010-11-29 07:57:33