实现点击页面其他地方,隐藏div(vue)
2018-10-15 15:31
1026 查看
方法一:
通过监听事件
document.addEventListener('click',function(e){
if(e.target.className!='usermessage'){
that.userClick=false;
}
})
方法二(比较好):
给最外层的div加个点击事件 @click="userClick=false"
给点击的元素上面加上:@click.stop="userClick=!userClick" 或者@click.stop="userClick=true"
效果:
截图:
阅读更多
相关文章推荐
- JS如何实现点击页面其他地方隐藏菜单?
- 点击页面其他地方,隐藏目标div
- jquery 实现点击其他地方隐藏之前点击显示的div标签等
- 原生js实现div点击其他地方隐藏下拉列表
- jQuery实现点击其他地方div隐藏
- js点击页面其他地方,对目标进行操作比如隐藏div
- jQuery 实现点击页面其他地方隐藏菜单
- jQuery 怎么实现点击页面其他地方隐藏菜单? 做了个按钮点击时弹出菜单,想实现点击其他地方时隐藏弹出的菜单
- jquery 点击页面其他地方实现隐藏菜单功能
- jQuery 怎么实现点击页面其他地方隐藏菜单?
- 点击页面其他地方,隐藏DIV(常用)
- jQuery实现点击除了特定div的页面其它地方,隐藏该div功能。
- jquery 点击页面其他地方实现隐藏菜单功能
- jQuery实现点击其他地方div隐藏
- js点击页面其它地方将某个显示的DIV隐藏
- 由点击页面其它地方隐藏div所想到的jQuery的delegate
- 点击屏幕其他地方让edittext失去焦点并隐藏输入法的实现方法
- jquery实现点击其他区域时隐藏下拉div和遮罩层的方法
- 鼠标点击页面的其它地方div自动隐藏
- 点击其他地方隐藏div