实现点击页面其他地方，隐藏div（vue）

方法一：　　

　　通过监听事件

document.addEventListener('click',function(e){if(e.target.className!='usermessage'){that.userClick=false;}
})

方法二（比较好）：

　　给最外层的div加个点击事件 @click="userClick=false"

　　给点击的元素上面加上：@click.stop="userClick=!userClick"

转载于:https://www.cnblogs.com/chengyalin/p/9487116.html

实现点击页面其他地方，隐藏div（vue）相关推荐

点击页面其它地方隐藏该div
当手写下拉框的时候会遇到这种问题:点击页面其它地方隐藏该div,有意见是绑定body,点击目标div时触发事件,点击其他document会出发hide事件,但是:目标div也属于body.为了解决这种 ...
jquery实现点击页面其他地方隐藏指定元素
代码实例如下: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> < ...
jQuery 怎么实现点击页面其他地方隐藏菜单？做了个按钮点击时弹出菜单，想实现点击其他地方时隐藏弹出的菜单
<p><a href="javascript:void(0)" class="a">菜单按钮</a></p> & ...
jquery点击页面其他位置隐藏div
//设置 document.onclick = function (e) { $("#setUp").hide(); } $('#btnAdd').on("click&q ...
jquery点击按钮显示和隐藏div
[转]jquery点击按钮显示和隐藏DIv 1 function changeDisplay() { 2 if ($("#btnShow").attr("value&qu ...
HTML下拉菜单去掉点,jQuery点击页面其他部分隐藏下拉菜单功能
一.开发小要点 web页面中,我们一般不用select.option来实现下拉菜单效果,因为下拉框的样式丑且难以美化,所以我们选择控制ul显示隐藏来实现同样且高大上的效果,但是不能像下拉框那样点击页面 ...
点击按钮显示或隐藏Div块
通过点击按钮实现Div块在显示状态与隐藏状态之间来回切换. 代码如下: 方法一: <!DOCTYPE html> <html> <head><script s ...
JavaScript——除指定区域外点击任何地方隐藏DIV
实现效果: 首先点击下拉箭头出现选择的列表然后点击列表的某一项,列表隐藏,或者点击这个区域外的地方隐藏列表主要代码如下 html: <div class="input-box&q ...
jq 如何让点击其他地方隐藏_详解jQuery除指定区域外点击任何地方隐藏DIV功能
本文主要介绍了jQuery除指定区域外点击任何地方隐藏p的相关资料,代码简单易懂,非常不错,具有参考借鉴价值,需要的朋友可以参考下,希望能帮助到大家. 具体代码如下所示: $('body').clic ...

实现点击页面其他地方，隐藏div（vue）

实现点击页面其他地方，隐藏div（vue）相关推荐

最新文章

热门文章