原文: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