jQuery 实现点击页面其他地方隐藏菜单

点击页面其它地方隐藏id为messageList的div

代码：

$('body').delegate("#message", 'click', function(e) { var e=window.event||e; //消除浏览器差异if (!$(e.target).closest(".messageList").length) {     $(".messageList").addClass("messageListShow")  }e.stopPropagation();  //阻拦click事件冒泡)
});$("body").click(function(e){var e=window.event||e; //消除浏览器差异  if (!$(e.target).closest(".messageList").length) {$(".messageList").removeClass("messageListShow")}
})

转载于:https://www.cnblogs.com/webqiand/p/6727677.html

jQuery 实现点击页面其他地方隐藏菜单相关推荐

jquery实现点击页面其他地方隐藏指定元素
代码实例如下: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> < ...
jQuery 怎么实现点击页面其他地方隐藏菜单？做了个按钮点击时弹出菜单，想实现点击其他地方时隐藏弹出的菜单
<p><a href="javascript:void(0)" class="a">菜单按钮</a></p> & ...
点击页面其它地方隐藏该div
当手写下拉框的时候会遇到这种问题:点击页面其它地方隐藏该div,有意见是绑定body,点击目标div时触发事件,点击其他document会出发hide事件,但是:目标div也属于body.为了解决这种 ...
HTML下拉菜单去掉点,jQuery点击页面其他部分隐藏下拉菜单功能
一.开发小要点 web页面中,我们一般不用select.option来实现下拉菜单效果,因为下拉框的样式丑且难以美化,所以我们选择控制ul显示隐藏来实现同样且高大上的效果,但是不能像下拉框那样点击页面 ...
使用jQuery实现点击页面时，出现心型特效，几秒后消失的效果案例
首先呢,实现这个特效使用的技术是前端技术jQuery,实现代码只需几十行即可. 第一步创建一个demo.html文件,给body设置一个高度,这里如果body如果没有设置高度的话,不会看到效果. ht ...
Jquery实现点击页面发送弹幕效果
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/ ...
jquery让html页面空白页,jquery实现点击页面空白隐藏指定菜单
mongodb防火墙配置 http://ruby-china.org/topics/20128 https://docs.mongodb.com/manual/tutorial/configure-l ...
实现点击页面其他地方，隐藏div（vue）
方法一: 通过监听事件 document.addEventListener('click',function(e){if(e.target.className!='usermessage'){that ...
jquery点击页面其他位置隐藏div
//设置 document.onclick = function (e) { $("#setUp").hide(); } $('#btnAdd').on("click&q ...
Jq点击其他任意地方隐藏关闭弹窗div
参考链接:https://blog.csdn.net/weixin_43233914/article/details/85133839 效果代码: <!DOCTYPE html> < ...

jQuery 实现点击页面其他地方隐藏菜单

jQuery 实现点击页面其他地方隐藏菜单相关推荐

最新文章

热门文章