js点击页面其他地方如何隐藏div元素菜单

web页面常用的一个需求，写下拉菜单是我们往往不是用select_option，而是自定义一个元素列出选项来满足需求，当我们点击按钮出现菜单，

点击按钮或菜单以外页面空白地方隐藏该菜单，这里提供一种简单有效的方法仅供参考：

document.onclick = function(e) {　　　　　　　　$("div").hide();
}
$('button').on("click", function(e) {　　　　　　　　if($("#div").css("display") == "none") {　　　　　　　　　　$("#div").show();　　　　　　　　} else {　　　　　　　　　　$("#div").hide();　　　　　　　　}　　　　　　　　e = e || event;stopFunc(e);　　　　　　
});$('#div').on("click", function(e) {　　　　　　　　e = e || event;stopFunc(e);　　　　　　
});　　　　
function stopFunc(e) {　　　　　　e.stopPropagation ? e.stopPropagation() : e.cancelBubble = true;　　　　
}

点击button出现div菜单，再次点击button隐藏菜单或点击div以外页面其他地方隐藏div菜单。

转载于:https://www.cnblogs.com/sakura-panda/p/10454883.html

js点击页面其他地方如何隐藏div元素菜单相关推荐

实现点击页面其他地方，隐藏div（vue）
方法一: 通过监听事件 document.addEventListener('click',function(e){if(e.target.className!='usermessage'){that ...
jquery实现点击页面其他地方隐藏指定元素
代码实例如下: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> < ...
点击页面其它地方隐藏该div
当手写下拉框的时候会遇到这种问题:点击页面其它地方隐藏该div,有意见是绑定body,点击目标div时触发事件,点击其他document会出发hide事件,但是:目标div也属于body.为了解决这种 ...
html怎么隐藏一个元素,html怎么隐藏div元素
html隐藏div元素的方法:1.在div标签中使用hidden属性,添加"hidden="hidden""语句即可.2.在div标签中使用style属性,添加 ...
js获取classname值_js获取和设置DIV元素class值的方法
web页面中,利用js动态的改变div元素的class属性的值,可以实现很多的动态效果.比如动态修改div元素的背景颜色,改变字体的颜色等等.这篇文章就来说一说,javascript 如何获取和设置d ...
JS点击DIV以外的地方，隐藏DIV
document.onclick = function (event) { var e = event || window.event; var elem = e.srcElement||e.targ ...
qtreewidget点击空白处时取消以选项_VUE+elementUI 点击页面空白处弹窗不隐藏
点击空白处不隐藏弹窗,点击弹窗里的'x'和取消按钮关闭弹窗. os:人家都是让点击空白处隐藏弹窗,为啥我们的需求有点另类?!木有办法~大佬有需求,小小程序员只能领命... 话说,element的el- ...
jQuery 怎么实现点击页面其他地方隐藏菜单？做了个按钮点击时弹出菜单，想实现点击其他地方时隐藏弹出的菜单
<p><a href="javascript:void(0)" class="a">菜单按钮</a></p> & ...
Javascript脚本运行的方式（js写在页面什么地方）
1.脚本写在函数里,body标签里加onload这个函数,意为body加载完成执行函数func.代码如下: <script type="text/javascript"> ...
微信漂流瓶点击屏幕任何地方 title隐藏||显示代码
点击前.... 点击后... 实现代码: private void full(boolean enable) {if (enable) {WindowManager.LayoutParams lp = ...

js点击页面其他地方如何隐藏div元素菜单

js点击页面其他地方如何隐藏div元素菜单相关推荐

最新文章

热门文章