1. 程式人生 > >JQuery控制div外點選隱藏,div內點選不會隱藏

JQuery控制div外點選隱藏,div內點選不會隱藏

比如有個div其id為body,實現在div外點選隱藏,div內點選不隱藏,採用jQuery實現如下:

	$("#body").click(function(e) {
		$(this).show();
      	e.stopPropagation();
	});
	$(document).click(function(event) {

		$("#body").hide();
	});

如果div內點選隱藏,可採用jQuery的觸發事件
$(document).trigger("click");


相關推薦

JQuery控制div隱藏div隱藏

比如有個div其id為body,實現在div外點選隱藏,div內點選不隱藏,採用jQuery實現如下: $("#body").click(function(e) { $(this).show()

jquery使用live繫結toggle事件第一次沒有反應第2次才起作用問題

$("#popChapterManage .JS-edit").live("click",function(){ $(this).toggle(function () { $(this).text("儲存");

Ajax+jQuery+bootstrap+Java實現非同步贊功能並限制次數

(下面截圖是自己專案的截圖) 當已經點贊後,滑鼠再經過時,就會顯示 "禁止的圖示"  (相應的class 會變化) cursor:not-allowed 在很多的網站上有很多不同的點贊,我不知道他們是怎麼實現的,下面我來分享一下我寫的點贊實現,共大家參考下, 這是我在一個專案抽取的程式碼

jquery實現checkbox全功能第二次【全】按鈕頁面無法勾

去面試,老多人問會不會jQuery啊,會不會ExtJS啊,以前都零星使用過,是使用別人封裝好的版本,沒單獨研究過這些前端技術,閒暇之餘,先研究研究jQuery。 找了本書,做了個jQuery實現全選功能的例子,覺得程式碼邏輯上都沒有問題,第二次點選【全選】按鈕頁面就是無法勾

一階段項目開始的第一天所遇到的問題和解決(瀏覽器滾動條的變相隱藏div的邊框陰影效果圖片的色彩漸變)

影響 -c sed gpo 含義 hide eight 設置 技術 滾動條的隱藏: 1. 把body的橫向,縱向的超出部分隱藏,寬設置100%;高設置100%。就沒有body的滾動條了, 2. 然後把最外層的div的寬設置的比body的寬寬一點,把div的滾動條擠出去,

原聲js取消事件冒泡擊按鈕顯示box,擊屏幕其他地方box隱藏

lang || width pre document nodes onclick 谷歌 one <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"&g

jquery如果選中就為選中如果選中就為選中。

唉,生活無樂趣,程式碼更加無樂趣。每天一遍文章,督促自己要學習,要寫程式碼。 $("#checkboxAll").bind("click",function(){ //繫結一個事件 var checkboxs=$("[name=checkboxa]"); //找到name=c

利用Runtime來攔截UIButton的事件防止重複

對於公司原來的一些程式碼,想對UIButton的點選事件做一部分修改,但是如果使用繼承出來的UIBtton來解決的話, 又要改大量的程式碼,這時候,使用runtime攔截替換髮送點選事件的方法可以迅速解決這個問題,超級給力! 不廢話,直接上程式碼 #im

ArcGIS API For Javascript之多圖層顯示與隱藏圖層要素框查詢

5、多圖層的載入與隱藏 利用Html+Javascript前端程式設計實現上傳到服務端的地圖服務中的多圖層的載入與隱藏。本實驗中除了底圖之外,添加了共10個圖層,分別為 賓館酒店_point (0) 餐飲_point (1) 超市商城_point (2) 地級市_font

改變DIV的背景顏色透明度但其中的文字受影響?

col 分享圖片 shadow type term color 技術分享 tex log 改變DIV的背景顏色透明度,但其中的文字不受影響?

區塊鏈C2C系統搭建區塊鏈交易系統的兩種交易模式你知道嗎?

在平時的交易過程中由於法幣交易受國家監管限制,現在許多交易所都沒有法幣交易版塊,我們平時看到的許多大型的交易所上面寫的是法幣交易,但是卻不是真正的法幣交易,而是點對點交易模式,像比較常見的ZB交易平臺,上面寫著法幣交易,確實C2C點對點交易模式,那麼接下來源中瑞黃顧問(具體加vx:ruiec1688)就給大家

element-ui 裡面el-checkbox多實現全選單

data裡面定義了        data:[],        actionids:[],//選擇的那個actionid        num1:0,//沒選擇的計數  &nb

vue element UI el-table 給表格新增複並得到所

<el-table @selection-change="changeFun"> <el-table-column type="selection"> </el-table-column> </el-table>

openlayers 利用draw互動元件實現框功能並顯示框經緯度

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script src="..

美妝蛋的隱藏使用技能99%的人都

美妝蛋在彩妝圈兒風靡已不是一年兩年了,從剛開始問世到如今,已經有越來越多的姑娘選擇用這款小道具上妝。 但是美妝蛋真正的用法你又瞭解多少呢?這次我們就來給大家科普一個全面的美妝蛋使用攻略,請收藏!! 美妝蛋的材質: 真正好品質的美妝蛋是不含致敏性乳膠的,而且海綿質地細

Android:亮螢幕和取消亮螢幕

    public void AcquireWakeLock(long milltime) {         if (m_wakeLockObj == null) {             PowerManager pm = (PowerManager) getSystemService(Context

jquery 設定輸入框背景樣式透明按鈕背景樣式儲存

$("document").ready(function(){   $(":input").css("background-color","transparent");   $(":button").css("background-color","");   })

編輯時已存在的複預設被勾

<%@ page language = "java" contentType = "text/html; charset=utf-8" pageEncoding = "utf-8" %> <%@ taglib uri = "http://jav

c++ try catch 問題(沒有throw就被刪除加上/EHa這樣就被刪除)

pla 還要 得出 我們 狀態 其它 編譯錯誤 isa member 以前都是用try{} catch(…){}來捕獲C++中一些意想不到的異常, 今天看了Winhack的帖子才知道,這種方法在VC中其實是靠不住的。例如下面的代碼: 以前都是用try{} c

導入鏡像後容器httpd起

bsp 之前 發現 .com info div image 導入 進程 導入鏡像後發現bash進程為1 與之前apache啟動的進程沖突了 解決辦法:刪除apache進程號,通過apachectl重啟apache進程 導入鏡像後,容器內httpd起不來