原文:vue自己寫了一個div菜單,點擊按鈕展開,點擊其他地方關閉這個div菜單

需求是通過點擊body頁面,在其他地方就關閉這個 lt div gt 菜單,給這個div一個id:problemList,但是點擊我打開的按鈕,不關閉。 created document.onclick function 要關閉的div的id problemList document.getElementById problemList .style.display none , 點擊按鈕打開模態 ...

2019-04-18 10:12 0 2096 推薦指數:

查看詳情

js點擊頁面其他地方如何隱藏div元素菜單

  web頁面常用的一個需求,寫下拉菜單是我們往往不是用select_option,而是自定義一個元素列出選項來滿足需求,當我們點擊按鈕出現菜單點擊按鈕菜單以外頁面空白地方隱藏該菜單,這里提供一種簡單有效的方法僅供參考: 點擊button出現div菜單,再次點擊button ...

Tue Apr 25 22:19:00 CST 2017 0 9311
vue實現點擊其他地方隱藏div

方法一:     通過監聽事件 方法二(比較好):   給最外層的div加個點擊事件 @click="userClick=false"   給點擊的元素上面加上:@click.stop="userClick=!userClick" 方法三: < ...

Fri Aug 23 01:23:00 CST 2019 0 6409
實現點擊頁面其他地方,隱藏divvue

方法一:     通過監聽事件 方法二(比較好):   給最外層的div加個點擊事件 @click="userClick=false"   給點擊的元素上面加上:@click.stop="userClick=!userClick" ...

Sat Jan 06 17:48:00 CST 2018 0 9210
實現點擊頁面其他地方,隱藏divvue

方法一:   通過監聽事件 方法二(比較好): 給最外層的div加個點擊事件 @click="userClick=false" 給點擊的元素上面加上:@click.stop="userClick=!userClick ...

Wed Nov 24 18:59:00 CST 2021 0 767
實現點擊頁面其他地方,隱藏divvue

方法一:     通過監聽事件 方法二(比較好):   給最外層的div加個點擊事件 @click="userClick=false"   給點擊的元素上面加上:@click.stop="userClick=!userClick" ...

Thu Aug 16 22:34:00 CST 2018 0 800
菜單展開關閉點擊一個關閉其他)

1、這里的菜單不僅僅是菜單欄,也可以是文章模塊等。 2、主要實現的效果:點擊其中一個關閉展開自己,關閉其他已展開菜單 3、優點:js代碼量少,實現易於理解 廢話不多說,看代碼 HTML示例 (菜單代碼,便於復制,就不加行號了) JS示例 (這里是用jquery實現 ...

Tue Nov 01 23:41:00 CST 2016 0 2023
 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM