点击输入框,下拉弹框,点击页面的其他部分,弹框消失
来源:互联网 发布:徐水网络互动 编辑:程序博客网 时间:2024/06/15 22:45
点击下拉框,下面会弹出一个框,再点击收回,点击页面的其他内容,此下拉弹出框也会消失:
//选择查询的类型弹出框 $('.query_select').hide(); $('#select').click(function (e) { if ($('.query_select').is(':hidden')) { $(".query_select").show(); } else { $('.query_select').hide(); } $(document).one('click', function () { $('#indexList').blur(); $('#indexList').click(); $('.query_select').hide(); }) e.stopPropagation(); }); $('.query_select').on('click', function (e) { e.stopPropagation(); })
//-------------------
如果:弹出框内部还要弹出,比如弹出时间选择插件,在选择的时候想要不让父弹框消失,那么就是要在点击
0 0
- 点击输入框,下拉弹框,点击页面的其他部分,弹框消失
- Vue下拉框点击选中,点击其他区域消失
- webview点击输入框消失
- 输入框显示输入提示,点击消失
- jquery实现点击页面空白处,弹框消失
- 自定义多个下拉选择框进行点击显示隐藏切换时,点击当前后点击其他,其他不会消失冲突
- js-点击输入框默认文字消失
- 输入框默认文字点击消失
- input输入框点击文字消失
- 文本输入框中的提示点击消失,点击出现
- 鼠标点击时输入框内的文本消失
- 制作点击输入框时默认文字消失的效果
- jQuery点击页面其他任意地方关闭弹框
- js 点击下拉选择框后跳转相应的页面
- 输入框提示文字点击时消失网页特效
- HTML中输入框添加提示文字并且点击消失
- JS实现输入框提示文字点击时消失效果
- html5弹框组织其他点击
- 全球首个微信应用号开发教程!通宵吐血赶稿,每日更新!
- 命令行创建第一个react-navite程序
- Broker模式
- 18:实现删除字符串中出现次数最少的字符
- 面向对象程序设计上机练习十(运算符重载)
- 点击输入框,下拉弹框,点击页面的其他部分,弹框消失
- IOS 简单的动画自定义方法(旋转、移动、闪烁等)
- 缩放图片的两种方法
- MTK Phone 主动呼叫流程分析(一)
- 分分钟实现pdf转换成jpg格式
- [LeetCode] 200. Number of Islands
- 设置状态栏的背景颜色和字体颜色
- iOS10 权限崩溃问题
- openCV 图像绕中心旋转