点击页面其它地方隐藏该div

当手写下拉框的时候会遇到这种问题：点击页面其它地方隐藏该div，有意见是绑定body，点击目标div时触发事件，点击其他document会出发hide事件，但是：目标div也属于body。为了解决这种问题，特意留下解决方案：

1.将其他document绑定click事件

2.点击目标div时，停止事件

上代码：

$(document).click(function(){$('.cityMenu').hide();});$(".cityChange").click(function(event){event.stopPropagation();if($(".cityMenu").is(':visible')){$('.cityMenu').hide();}else{$('.cityMenu').show();}});

点击页面其它地方隐藏该div相关推荐

jquery实现点击页面其他地方隐藏指定元素
代码实例如下: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> < ...
jQuery 怎么实现点击页面其他地方隐藏菜单？做了个按钮点击时弹出菜单，想实现点击其他地方时隐藏弹出的菜单
<p><a href="javascript:void(0)" class="a">菜单按钮</a></p> & ...
HTML下拉菜单去掉点,jQuery点击页面其他部分隐藏下拉菜单功能
一.开发小要点 web页面中,我们一般不用select.option来实现下拉菜单效果,因为下拉框的样式丑且难以美化,所以我们选择控制ul显示隐藏来实现同样且高大上的效果,但是不能像下拉框那样点击页面 ...
Jq点击其他任意地方隐藏关闭弹窗div
参考链接:https://blog.csdn.net/weixin_43233914/article/details/85133839 效果代码: <!DOCTYPE html> < ...
实现点击页面其他地方，隐藏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 ...
android 点击屏幕其它地方隐藏输入法
只需在activity加下面代码: @Overridepublic boolean dispatchTouchEvent(MotionEvent ev) {if (ev.getAction() == ...
安卓点击页面其他地方取消EditText的焦点
直接在父布局上面设置以下参数: android:focusable="true" android:clickable="true" android:focusa ...
Vue js 实现点击页面空白处隐藏指定div
Vue js 实现点击页面空白处隐藏指定div <template><div class="page" @ ...

点击页面其它地方隐藏该div

点击页面其它地方隐藏该div相关推荐

最新文章

热门文章