實現點擊頁面其他地方,隱藏div(vue)
方法一:
通過監聽事件
document.addEventListener(‘click‘,function(e){
if(e.target.className!=‘usermessage‘){
that.userClick=false;
}
})
方法二(比較好):
給最外層的div加個點擊事件 @click="userClick=false"
給點擊的元素上面加上:@click.stop="userClick=!userClick"
實現點擊頁面其他地方,隱藏div(vue)
相關推薦
實現點擊頁面其他地方,隱藏div(vue)
監聽事件 listen function 頁面 比較 als 元素 點擊事件 click 方法一: 通過監聽事件 document.addEventListener(‘click‘,function(e){ if(e.target.
點擊頁面其他地方隱藏彈窗
程序 一次 show auto head 頁面 scrip htm fun <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> &
Jquery點擊除了指定div元素其他地方,隱藏該div
tno rip idt 循環 除了 pan node 其它 itl <!DOCTYPE html> <html> <head> <meta charset="UTF-8">
點擊頁面的按鈕,使之打開一個新窗口,加載一個頁面的方法有哪些呢?
body del .html blank oca pos type target put 1.<base target="_blank" /> 頁面只要有a標簽,都會打開一個新的頁面; 2.<input type=‘button‘ value=‘new‘
react實現點擊某個元素之外自動隱藏此元素
stop ati event inf .com edi 需要 元素 bubuko 是在redux-saga和react-redux環境下 步驟一: 給document綁定事件 步驟二: 構建hide函數 步驟三: 給元素內子元素點時不需要隱藏它的方法加上阻止事件
android實現點選螢幕其他地方popupwindow消失
// 解決popupWindow顯示後不消失問題 menuPopupWindow.setBackgroundDrawable(new BitmapDrawable()); menuPopupWindow
Android 實現點擊出現選擇框,或者長按顯示選擇介面,PopupMenu的簡單使用。
這篇文章是我學習過程中遇到的一個比較簡單的,但是卻經常用到的知識點,例如ListView Item長按的選擇功能,或者是點選一個按鈕彈出一個小型的功能選擇介面。 其實呢,這個是通過一個PopupMenu來實現,來現在我們先看看程式碼,首先我們需要在 r
網頁端如何實現點擊鏈接跳轉到QQ(手機QQ)打開會話
tencent 不知道 網頁 使用 跳轉 svi js代碼 ref new 今天給大家分享一下手機或者移動設備上QQ的。大家知道電腦上可以強行聊天,點擊可以直接跳出QQ。那麽在手機上也可以嗎? 既然電腦上有tencent://協議,那麽手機上一定也有吧,抓包分析了一下
直擊東京產交會,弘瑞(HORI)在國際舞臺展示3D列印魅力
11月14日,由日本東京都政府等主辦、以“連線電源、連線未來”為主題的2018產業交流展,在東京國際展覽中心隆重開幕。弘瑞(HORI)作為我國3D列印行業的知名品牌受邀參展,面向國際觀眾展示3D列印技術的魅力。 本屆為期三天的東京產業交流展,聚焦資訊、環境、醫療與福利、機械與金屬等領域,是這項日
直擊東京產交會,弘瑞(HORI)在國際舞臺展示3D打印魅力
mark 用戶 商業 國家 應用 fff shadow 重點 國內 11月14日,由日本東京都政府等主辦、以“連接電源、連接未來”為主題的2018產業交流展,在東京國際展覽中心隆重開幕。弘瑞(HORI)作為我國3D打印行業的知名品牌受邀參展,面向國際觀眾展示3D打印技術的魅
原聲js,取消事件冒泡,點擊按鈕,顯示box,點擊屏幕其他地方,box隱藏
lang || width pre document nodes onclick 谷歌 one <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"&g
js或jquery實現點選某個按鈕或元素顯示div,點選頁面其他任何地方隱藏div
點選某個元素顯示div,點選頁面其他任何地方隱藏div,可用javascript和jquery兩種方法實現: 一:javascript實現方法技巧 <script> //定義stopPropagation 方法的使用,該方法將停止事件的傳播,阻止它被分派到其他 Document 節點。
bootstrap彈出框如何實現點擊出彈出框後,再點選任意地方隱藏彈出框
最近做個專案是用bootstrap搭建的網站,因為其自帶彈出框很好使,便直接拿過來用了。 不廢話直接進入正題 共分兩步 1. 首先設彈出框方式為自動 popover(function(){ t
jq實現 元素顯示後 點擊頁面的任何位置除元素本身外 隱藏元素
pro window on() .sh weixin div 消失 win cnblogs $(".share-weixin").on("click",function(e){ var $wx=$(".weixin-share"),_winW=$(wind
點擊事件,點擊toggleClass,點擊其他地方,removeClass
hid color 事件 bsp window var == win eve 經常會遇到,點擊某個元素,子元素顯示,再次點擊隱藏,並且點擊其他地方,子元素同樣隱藏關。 $("#ele").on("click",function(){ $("#child").tog
利用cookie,實現刷新頁面跳轉,左側菜單點擊後狀態保持不變。
coo spl 失效 不變 find sco a標簽 左側菜單 cookie 是一個後臺關系系統,後臺是phyton,後臺把左側菜單都是利用a標簽進行跳轉,導致菜單點擊狀態在頁面刷新後失效,用戶體驗不好,被要求改掉。 查了一些資料。利用cookie終於搞定了這個大問題。主要
頁面中引入mui 地址選擇,點擊頁面中其他input時頁面回到頂部
color 瀏覽器 boa 頁面 bsp clipboard lin -o and 問題:在頁面中引入mui地址選擇時,點擊頁面中的input頁面會滾到頂部(谷歌瀏覽器中出現的bug),在手機上點擊input會出現跳動。開始的時候是想修改mui.min.js裏的滾動事件,但
jQuery實現點擊div外的區域,來隱藏指定節點
wid set ava turn function height spa spl class <!DOCTYPE html> <html> <head> <meta charset="UTF
vue2.0實現點擊後顯示,再次點擊隱藏
all element cli html glob .com 狀態 right sna 描述。點擊系統切換,彈出系統切換框。再次點擊系統切換,隱藏。點擊其他地方。也會隱藏 在layout.vue中寫的html代碼 1、在main.js中寫入全局函數 // 定義全局點擊
js/jq 點選按鈕顯示div,點選頁面其他任何地方隱藏div
整個複製可看效果 1. JS效果 <!DOCTYPE html> <html> <head> <meta http-equiv="Content