點選隱藏顯示和點選body空白處隱藏

2022-09-10 10:21:20 字數 1595 閱讀 2294

doctype html

>

<

html

lang

="en"

>

<

head

>

<

meta

charset

="utf-8"

>

<

title

>document

title

>

<

style

type

="text/css"

>

*.btn

.pop

style

>

head

>

<

body

>

<

a href

="j**ascript:;"

class

="btn"

>點選

a>

<

div

class

="pop"

>彈窗顯示

div>

<

script

srctype

="text/j**ascript"

>

script

>

<

script

type

="text/j**ascript"

>

$(function

()

else

event.stoppropagation();

});$(

'body

').click(

function

() });

})script

>

body

>

html

>

效果圖:

第二:

var publicpopwrap = $("#publicpopwrap");//

彈窗外層

var popshowbtn = $("#popshowbtn");//

獲取點選按鈕

popshowbtn.on("click",function

())

//除了彈窗內容框內,點選任意位置彈窗隱藏

publicpopwrap.on("click",function

(e)

else

})

//點選空白處隱藏彈出層(用這個)

$(document).click(function

(event)

});

/* mark 1 的原理:

判斷點選事件發生在區域外的條件是:

1. 點選事件的物件不是目標區域本身

2. 事件物件同時也不是目標區域的子元素

*/

點選按鈕顯示,點選空白處隱藏

html text align center 多數情況下,8個領域中除了知識常識外的其他7個領域,都應優先學習 各個領域中的核心類技能優先學習,核心類技能中,技能年齡小的優先學習。button class xiaotieshi id btnshow value 選課貼士 js function 按鈕...

自定義元件 點選空白處隱藏

實現 顯示 ps 給自定義元件新增自定義事件 簡單介紹vue指令 乙個指令定義物件可以提供如下幾個鉤子函式 均為可選 bind 只呼叫一次,指令第一次繫結到元素時呼叫。在這裡可以進行一次性的初始化設定。inserted 被繫結元素插入父節點時呼叫 僅保證父節點存在,但不一定已被插入文件中 updat...

js控制文字字數,並能點選顯示和隱藏

很多時候,你不用考慮文字字數的問題,因為和你多地方,如資料庫 後台控制 都會限制文字字數,但有時候,比如 你的老闆說,我們現在要做乙個簡單的主題介紹單頁,還是要適用於web手機端的 那麼你就有可能會用到以下這段js了,不是特別的複雜,不過一定是實用的。我寫的很粗糙,大神請無視,歡迎給予批評 js h...